Components · Inline Primitives
Text Gradient
StableSince v0.0.1
Renders text with a brand gradient fill.
import { TextGradient } from '@nexub/react';Examples
Default
In heading
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| from | string | — | Starting color of the gradient (CSS color value or token). |
| to | string | — | Ending color of the gradient (CSS color value or token). |
| direction | 'to-r' | 'to-br' | 'to-b' | — | Direction of the gradient. |
On iOS & Android
Web only
Text Gradient has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.