Clone: Cards

Just a heads up!

Clone's documentation uses Cookies and Google Analytics to help us better understand our visitors. By viewing this site, you agree to have this basic information collected and relayed back to us. You can learn more about how Google Analytics provides us with this information here.

About Cards

A description for this component is coming soon! You can check out the code below in the meantime.

More Info See Examples Changelog

Card Accessibility

A description of how this component is accessible is on its way!

Code Snippet

<div data-c-card data-c-background="white(100)" data-c-radius="rounded" data-c-padding="all(2)">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque, corrupti sed? Doloremque obcaecati id unde facilis. Facilis dolore id voluptatum doloribus quisquam, inventore aut et necessitatibus cumque ullam eligendi voluptatibus?
</div>

Detailed Information

Coming soon!

Examples

This is a sample card.

Changelog

Version 2.3.6

Creates a variable to control data-c-card's box shadow.

Version 2.3.4

Adds data-c-card to add reusable box shadows.