Card

Card is a versatile layout container for grouping content with theme border radius, borders, and shadows.

Usage

CardExample.tsx

import { Card, Text } from '@masumdev/rn-ui';

export function CardExample() {
  return (
    <Card elevated outlined padded>
      <Text variant="h3">Card Heading</Text>
      <Text variant="body" color="textMuted">
        Cards group related content and actions about a single subject.
      </Text>
    </Card>
  );
}

Props API

Prop	Type	Default	Description
padded	boolean	true	Applies default theme padding inside container.
elevated	boolean	false	Applies medium theme shadow elevation.
outlined	boolean	true	Applies theme border ring around card.