Card

Displays a card with header, content, and footer.

View Web Version

Usage

import {Button, Card, Text} from '@smartacteam/react-native-ui';

<Card.Root mt_16>
  <Card.Header>
    <Text title>Title</Text>
    <Text description>This is a card description.</Text>
  </Card.Header>
  <Card.Content>
    // Your content
  </Card.Content>
  <Card.Footer>
    <Button variant='secondary' label='Button' full />
    <Button variant='primary' label='Button' full />
  </Card.Footer>
</Card.Root>

Example

Preview