Label
tetra-ui/labelFreeComponent
A label component used to accompany form inputs.
Live preview
live · rendered by the registry
Rendered by tetra-ui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://tetra-ui.com/r/label.jsonSource
1import { Text } from "react-native";2import { cn } from "../lib/utils";34// Types5export type LabelProps = React.ComponentProps<typeof Text>;67// Components8export const Label = ({ children, className, ...props }: LabelProps) => {9 return (10 <Text className={cn("font-semibold text-foreground", className)} {...props}>11 {children}12 </Text>13 );14};
Files it writes
More from tetra-ui
All 41 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | tetra-ui | Components | Free | 1 dep | |
| Action Inputaction-input | tetra-ui | Components | Free | no deps | |
| Alertalert | tetra-ui | Components | Free | no deps | |
| Avataravatar | tetra-ui | Components | Free | no deps | |
| Badgebadge | tetra-ui | Components | Free | no deps | |
| Bottom Sheetbottom-sheet | tetra-ui | Components | Free | 4 deps · 7 files | |
| Buttonbutton | tetra-ui | Components | Free | no deps | |
| Cardcard | tetra-ui | Components | Free | no deps |
