Card - AMiSi Mobile Starter

Card provides a padded surface for related content.

Usage

import { Button, Card, Text } from '@amisi-mobile-starter/ui';

export const PlanCard = () => (
  <Card className="gap-4">
    <Text variant="heading" size="lg">
      Pro plan
    </Text>
    <Text>Access analytics and premium insights.</Text>
    <Button onPress={() => {}}>Upgrade</Button>
  </Card>
);

Props

Prop	Type	Default	Description
`children`	`ReactNode`	Required	Card content.
`className`	`string`	`undefined`	Additional utility classes merged with card styles.

Card also accepts React Native ViewProps, including style and onLayout.