Components

Label

Form label component with size variants and required indicator.

iOSAndroid
Preview Label on your device

Scan with Expo Go

Download Expo Go, then scan the QR code to preview native components.

Installation

pnpm dlx @docyrus/cli add @docyrus/rn-label

Usage

import { Label } from '@/components/docyrus-native/label';

<Label>Email</Label>
<Label required>Password</Label>
<Label size="lg" disabled>Disabled Label</Label>

API Reference

PropTypeDefaultDescription
childrenstring—Label text
size'sm' | 'md' | 'lg''md'Label size
requiredbooleanfalseShow required asterisk
disabledbooleanfalseMuted color for disabled state
nativeIDstring—Native ID for accessibility linking
classNamestring—Additional CSS classes

Type Exports

TypeDescription
LabelPropsProps for Label component
LabelSize'sm' | 'md' | 'lg'

On this page