Skip to content

Cards

Overview

Cards provide a structured container for content, offering different visual styles to suit various use cases. They can be touchable or non-touchable and come in various designs, such as filled, outlined, or elevated.

Card Components

This library includes the following card components:

  • FilledCard: a non-touchable card with a filled background.
filled card
  • OutlinedCard: a non-touchable card with an outlined border.
outlined card
  • ElevatedCard: a touchable card with an elevated appearance.
elevated card

Properties

namedescriptiontypedefault
childrenContent to be displayed inside the card.ReactNode-