Web Implementation Guidelines Group Component Builder Information (v3+)

Preview: Carousel 1.0-beta

These are a preview of components with individual items triggered. Because this is automatically generated, some of these components may look similiar to each other. This is also used by the Axe Monitor process to validate accessibility.

Preview: Base level for default

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and controls =

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and controls = compact

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and playing =

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and playing = true

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and playing = false

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and width =

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and width = full

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and overlay =

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Preview: default and overlay = true

Northern Lights

Also known as aurora borealis, they illuminate the sky.

Red and green lights in the night sky with evergreen trees in the foreground.

Tundra

Tundra is a type of biome where tree growth is hindered by frigid temperatures and short growing seasons.

Landscape photo of wooded hills with patches of snow, and mountains in the distance.

Blue Flowers

Clusters of blue flowers with vivid colors.

Close-up photo of a field of blue flowers.

Details

Changing slides with images and text.

Full Version: 1.0.0-beta

Type: web component

Date Created: 11/17/2024

Version notes:

Github repository: https://github.com/web-illinois/ilw-carousel/

Javascript file: https://dev.toolkit.illinois.edu/ilw-carousel/1.0.0-beta/ilw-carousel.js

CSS file: https://dev.toolkit.illinois.edu/ilw-carousel/1.0.0-beta/ilw-carousel.css

JSON information: ilw-carousel.1.0-beta.json

Web Implementation Guidelines Group Component Builder Information (v3+)

Note: this page is not using the toolkit because it is meant to test individual components in isolation.