Components

Label

An accessible label component for form inputs and other interactive elements.

Loading...

Installation

Install the registry item directly, then add any package dependencies if you are setting the component up manually.

1

Install the component

Run the registry command below to add label to your project.

watermelon add label
2

Install manual dependencies

If you are wiring the component manually, install the package dependencies shown below.

npm install @rn-primitives/label
3

Import the component

Import Label from your local UI registry output.

Import

import { Label } from "@/components/ui/label";

Import

Import

import { Label } from "@/components/ui/label";

Usage

The Label component provides a consistent typography style for labeling form fields.

Basic Usage

Use it alongside an input to provide clear context.

Loading...

API Reference

Label extends the standard Text props from React Native.