Sunflower UI
Search
Copy Code
Light Mode

Sunflower Design System

An open-source UI component collection.

Built by @pratikpandey ✌️
separator-demo.tsx
separator.tsx
prompt.md
Collapse
Reset
Copy Code
Download
Run
1
"use client"
2
3
import * as React from "react"
4
import { Separator } from "@/components/ui/separator"
5
6
export default function SeparatorDemo() {
7
return (
8
<div className="w-full h-full min-h-[400px] flex items-center justify-center bg-white dark:bg-[#1C1C1C]">
9
<div className="w-full max-w-[280px]">
10
<div className="space-y-1">
11
<h4 className="text-[14px] font-medium leading-none text-zinc-900 dark:text-[#E2E2E2]">
12
Sunflower Design System
13
</h4>
14
</div>
15
<Separator className="my-4 dark:bg-white/[0.08]" />
16
<div className="flex h-5 items-center space-x-4 text-[13px] text-zinc-500 dark:text-zinc-400">
17
<div>Built by @pratikpandey ✌️</div>
18
</div>
19
</div>
20
</div>
21
)
22
}
23