Badge

Displays a badge or a component that looks like a badge.
Badge
Secondary
Destructive
Outline
Verified
8

Installation

Every component ships in @astrawind/ui. If you haven't set it up, follow the installation guide, then import the component:
Terminal
npx expo install @astrawind/ui @astrawind/css lucide-react-native react-native-svg

Usage

tsx
import { Badge } from "@astrawind/ui/badge"
See the Code tab above for a complete example.

Examples

Colors

Primary
Info
Success
Warning
Error

Soft

Default
Primary
Info
Success
Warning
Error

Dash

Default
Primary
Info
Success
Warning
Error
Built with @astrawind/ui and @astrawind/css. Components ported from shadcn/ui (MIT).