CardTitle

With Secondary Text

When you must provide information that doesn't belong to every Card in a set, supply it as secondaryText information. The information will display beside the title. If information is in every card in the set, or if the secondaryText information is not brief, consider using the subtitle prop. Note that if actions is provided, it will take precedence.

Card Title

Secondary info

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

Card Title

Longer secondary info will be truncated

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

<DemoLayout>
  <Card>
    <CardTitle secondaryText="Secondary info">Card Title</CardTitle>
    <CardBlock>{loremIpsum}</CardBlock>
  </Card>

  <Card>
    <CardTitle secondaryText="Longer secondary info will be truncated">Card Title</CardTitle>
    <CardBlock>{loremIpsum}</CardBlock>
  </Card>
</DemoLayout>