DesignSystems.One
Foundations
Components
Design Systems
Frameworks
Tools
Resources
Toggle menu
Back to Playground
Advanced Editor
Editor
Preview
Copy Code
Run
Code Editor
Write your component code here
import { Button } from "@/components/ui/button" export function Example() { return ( <div className="flex flex-col gap-4"> <Button>Default Button</Button> <Button variant="secondary">Secondary Button</Button> <Button variant="outline">Outline Button</Button> <Button variant="ghost">Ghost Button</Button> </div> ) }
Reset to Default
Run