LogoCraftReactNative
Components

Card

A card component that displays content in a card with rounded corners.

Component preview

Usage

Screen.tsx
import { Card } from "@/craftrn-ui/components/Card";
 
export const Screen = () => (
  <Card>
    <Text>Hello</Text>
  </Card>
);

Props

PropTypeDefault
children
ViewProps
-
style
ViewProps
-

ButtonRound

A circular button component designed for displaying an icon. Commonly used for navigation actions or action buttons.

Checkbox

A checkbox component that allows users to select one or more options from a list. It displays as a square box with a checkmark or a cross to indicate the selected state.

On this page