Gradient
Gradient fills a layout container with a color transition.
Source
LLM docs
Package
Examples
1
Properties
80
Basics
Gradient fills a layout container with a color transition.
Loading demo…
import { Gradient, Text } from '@plocks/ui';
export function Demo() {
return (
<Gradient colors={['#2563eb', '#7c3aed']} h={120} radius="lg" p="md" justify="center">
<Text c="#ffffff" fw="bold">
Gradient surface
</Text>
</Gradient>
);
}React Native design for iOS, Android, and Web.
Quick Links
Resources