Card

A basic container component with elevation, padding, and border-radius support. Useful for grouping content visually.

Usage

Card Title

Card Subtitle

Lorem Ipsum is simply dummy text of the printing and typesetting industry

function CardUsage() {
  return (
    <Card>
      <Card.Cover>
        <Image
          accessibilityIgnoresInvertColors
          source={{
            uri: 'https://picsum.photos/200/300?random=1',
          }}
          resizeMode="cover"
          style={{width: '100%', height: 160}}
        />
      </Card.Cover>

      <Card.Content>
        <Text typography="h6">Card Title</Text>
        <Text typography="b2">Card Subtitle</Text>
        <Text>
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry
        </Text>
      </Card.Content>
    </Card>
  )
}

Props

Prop	Data Type	Default Value	Description
Extends	ViewProps	--	Inherits properties from ViewProps
shadow	boolean	--	--
row	boolean	--	Set true for horizontal(flexDirection) view