Button

The signature DottoUI control: stepped corners (pixel-corner), a hard navy offset shadow (pixel-shadow), and a sink-on-press (translate + drop the shadow). Labels are uppercase mono.

start a project

import { Button } from "@/components/ui/button"

<Button>start a project</Button>

Variants

defaultsecondaryoutlineghostdestructivelink

Sizes

smalldefaultlarge

States

enableddisabled

Props

Prop	Type	Default	Description
variant	default | secondary | outline | ghost | destructive | link	default	Visual style
size	default | sm | lg | icon	default	Control size
asChild	boolean	false	Render the child element (e.g. an <a>) instead of a <button>

Plus all native <button> attributes.