Card | Mineral UI

Clickable

If an onClick callback is provided, the entire Card becomes clickable and keyboard actionable. Use this feature when only one action can be taken per Card. This simplifies the interface by not requiring an extra Button.

Card Title

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

<DemoLayout>
  <Card onClick={event => console.log(event)}>
    <CardTitle>Card Title</CardTitle>
    <CardBlock>{loremIpsum}</CardBlock>
  </Card>
</DemoLayout>