Components
Loading preview...
import { Text } from "@/components/ui/text-1";
export default function ResponsiveDemo() {
return <Text size={{ sm: 24, md: 32, lg: 48 }}>The Evil Rabbit jumps.</Text>;
}
More examples
DefaultOpen page →
Loading preview...
VariantsOpen page →
Loading preview...
Responsive VariantsOpen page →
Loading preview...
ColorOpen page →
Loading preview...
ModifiersOpen page →
Loading preview...
PolymorphicOpen page →
Loading preview...
TruncateOpen page →
Loading preview...
ClampOpen page →
Loading preview...
AlignOpen page →
Loading preview...
MonospaceOpen page →
Loading preview...