tetra-ui Logotetra ui

Card

Displays a card with a header, content, and footer.

Installation

npx shadcn@latest add @tetra-ui/card

Usage

import { Text } from "react-native";
import { Card } from "@/components/ui/card";
<Card>
  <CardHeader>
    <CardTitle>Card Title</CardTitle>
    <CardDescription>Card Description</CardDescription>
  </CardHeader>
  <CardContent>
    <Text>Card Content</Text>
  </CardContent>
  <CardFooter>
    <Text>Card Footer</Text>
  </CardFooter>
</Card>

Button

A component to display a button and allows a user to trigger an action.

Checkbox

A control that allows users to toggle between checked and unchecked states.

On this page

InstallationUsage