designsystems
.one
Foundations
Design Systems
Frameworks
DesignOps
Tools
SUPPORT PROJECT
Toggle menu
Back to Playground
Advanced Editor
Editor
Preview
Copy Code
Run
Code Editor
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
