CardTitle

Variants

CardTitle is available in a few variants. Be sure to use the appropriate variant for your intent.

Danger Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.

Success Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.

Warning Card Title

Card Subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.

<DemoLayout>
  <Card>
    <CardTitle variant="danger">Danger Card Title</CardTitle>
    <CardBlock>{loremIpsum}</CardBlock>
  </Card>

  <Card>
    <CardTitle variant="success">Success Card Title</CardTitle>
    <CardBlock>{loremIpsum}</CardBlock>
  </Card>

  <Card>
    <CardTitle variant="warning" subtitle="Card Subtitle">Warning Card Title</CardTitle>
    <CardBlock>{loremIpsum}</CardBlock>
  </Card>
</DemoLayout>