Preview: Card 1.0-beta1
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
Student Life
Animal sciences students extend their learning through internships.
Preview: default and theme =
Student Life
Animal sciences students extend their learning through internships.
Preview: default and theme = gray
Student Life
Animal sciences students extend their learning through internships.
Preview: default and theme = blue
Student Life
Animal sciences students extend their learning through internships.
Preview: default and theme = orange
Student Life
Animal sciences students extend their learning through internships.
Preview: default and theme = blue-gradient
Student Life
Animal sciences students extend their learning through internships.
Preview: default and theme = orange-gradient
Student Life
Animal sciences students extend their learning through internships.
Preview: default and align =
Student Life
Animal sciences students extend their learning through internships.
Preview: default and align = center
Student Life
Animal sciences students extend their learning through internships.
Preview: default and clickable =
Student Life
Animal sciences students extend their learning through internships.
Preview: default and clickable = true
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio =
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio = 1/1
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio = 2/1
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio = 3/1
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio = 16/10
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio = 1/2
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio = 1/3
Student Life
Animal sciences students extend their learning through internships.
Preview: default and aspectRatio = 10/16
Student Life
Animal sciences students extend their learning through internships.
Preview: default and tag =
Student Life
Animal sciences students extend their learning through internships.
Preview: default and tag = div
Student Life
Animal sciences students extend their learning through internships.
Preview: Base level for minimal
Animal sciences students extend their learning through internships.
Preview: minimal and theme =
Animal sciences students extend their learning through internships.
Preview: minimal and theme = gray
Animal sciences students extend their learning through internships.
Preview: minimal and theme = blue
Animal sciences students extend their learning through internships.
Preview: minimal and theme = orange
Animal sciences students extend their learning through internships.
Preview: minimal and theme = blue-gradient
Animal sciences students extend their learning through internships.
Preview: minimal and theme = orange-gradient
Animal sciences students extend their learning through internships.
Preview: minimal and align =
Animal sciences students extend their learning through internships.
Preview: minimal and align = center
Animal sciences students extend their learning through internships.
Preview: minimal and clickable =
Animal sciences students extend their learning through internships.
Preview: minimal and clickable = true
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio =
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio = 1/1
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio = 2/1
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio = 3/1
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio = 16/10
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio = 1/2
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio = 1/3
Animal sciences students extend their learning through internships.
Preview: minimal and aspectRatio = 10/16
Animal sciences students extend their learning through internships.
Preview: minimal and tag =
Animal sciences students extend their learning through internships.
Preview: minimal and tag = div
Animal sciences students extend their learning through internships.
Preview: Base level for image
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and theme =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and theme = gray
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and theme = blue
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and theme = orange
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and theme = blue-gradient
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and theme = orange-gradient
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and align =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and align = center
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and clickable =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and clickable = true
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio = 1/1
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio = 2/1
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio = 3/1
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio = 16/10
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio = 1/2
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio = 1/3
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and aspectRatio = 10/16
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and tag =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: image and tag = div
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships, judging teams, student organizations, undergraduate research projects with our faculty, as well as short- and long-term study abroad opportunities all over the world.
Preview: Base level for clickable
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and theme =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and theme = gray
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and theme = blue
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and theme = orange
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and theme = blue-gradient
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and theme = orange-gradient
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and align =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and align = center
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and clickable =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and clickable = true
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio = 1/1
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio = 2/1
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio = 3/1
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio = 16/10
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio = 1/2
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio = 1/3
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and aspectRatio = 10/16
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and tag =
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Preview: clickable and tag = div
Student Life
Animal sciences students extend their learning and career networks beyond the classroom through internships.
Details
A card component that can be used as a container for grouping information.
Full Version: 1.0.1-beta
Type: web component
Date Created: 08/02/2024
Version notes:
Github repository: https://github.com/web-illinois/ilw-card/
Javascript file: https://dev.toolkit.illinois.edu/ilw-card/1.0.1-beta/ilw-card.js
CSS file: https://dev.toolkit.illinois.edu/ilw-card/1.0.1-beta/ilw-card.css
JSON information: ilw-card.1.0-beta1.json