GradientBar
GradientBar Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| height | number | — | |
| borderRadius | number | — | |
| direction | selecthorizontal | vertical | — | |
| showStops | boolean | — |
Default
TwoColors
Rainbow
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
borderRadius | number | — | — |
direction | select | — | — |
height | number | — | — |
showStops | boolean | — | — |
Using GradientBartsx
import { GradientBar } from '@/components/GradientBar'
<GradientBar
height="..."
borderRadius="..."
direction="..."
showStops="..."
/>Tokens Used
No design tokens detected