Card

Cards are a great way to display information, usually containing content and actions about a single subject. Cards can contain images, buttons, text and more. Cards are mainly used for informative purpose.

Import

import { Card } from '@rn-vui/themed';

Theme Key

Card

Usage

Default

<Card>
  <Text>Word of the Day</Text>
  <Text h4>be-nev-o=lent</Text>
  <Text>adjective</Text>
  <Text>
    well meaning and kindly.
    <br />
    {'"a benevolent smile"'}
  </Text>
  <Button size="sm" type="clear">
    Learn More
  </Button>
</Card>

Props

Name	Type	Default	Description
containerStyle	View Style		Outer container style.
wrapperStyle	View Style		Inner container style.

Playground

Loading...