Text

tetra-ui/text

FreeComponent

A lightweight wrapper around the React Native Text component to provide default styles.

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/text.json

Source

ui/text.tsxtetra-ui.com/r/text.json

1import { Text as RNText } from "react-native";
2import { cn } from "../lib/utils";
3 
4// Components
5export const Text = ({
6  children,
7  className,
8  ...props
9}: React.ComponentProps<typeof RNText>) => {
10  return (
11    <RNText className={cn("font-normal text-foreground", className)} {...props}>
12      {children}
13    </RNText>
14  );
15};

Files it writes

ui/text.tsx

More from tetra-ui

All 41 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
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