Slice Card

When building a "Card" component, by default it's created with the Slice logo, and with a default title and text.

Title and Text

To build your own Slice Card with your information it's as simple as just adding "title" and "text" props to your component.

Click Event | "isOpen" prop

The Slice Card component has an click eventListener. While the card is uncovered and shows the information inside, it's cover can be clicked to keep open. Changing it's "isOpen" prop to true. That same eventListener can change it back to false, and cover up the card again.

Customization

Icon

You can start your Slice Card customization by assignin another icon to it.

Custom Color

You can also change card color by using "customColor" props, using "customColor.card" to change it's background, and "customColor.icon" to change the icon's color.