HomeComponents
Components
  • AccordionDone
  • AlertDone
  • Alert DialogDone
  • Aspect RatioNo Change
  • AvatarDone
  • BadgeDone
  • BreadcrumbDone
  • ButtonDone
  • Button GroupDone
  • CalendarNo Change
  • CardDone
  • CarouselDone
  • ChartNo Change
  • CheckboxDone
  • CollapsibleNo Change
  • ComboboxDone
  • CommandDone
  • Context MenuDone
  • Data TableDone
  • Date PickerDone
  • DialogDone
  • DrawerDone
  • Dropdown MenuDone
  • EmptyNo Change
  • FieldNo Change
  • React Hook FormNo Change
  • Hover CardDone
  • InputDone
  • Input GroupDone
  • Input OTPDone
  • ItemDone
  • KbdDone
  • LabelDone
  • MenubarDone
  • Navigation MenuDone
  • PaginationDone
  • PopoverDone
  • ProgressDone
  • Radio GroupDone
  • ResizableNo Change
  • Scroll AreaNo Change
  • SelectDone
  • SeparatorDone
  • SheetDone
  • SidebarNo Change
  • SkeletonDone
  • SliderDone
  • SonnerDone
  • SpinnerDone
  • SwitchDone
  • TableNo Change
  • TabsDone
  • TextareaDone
  • ToastDone
  • ToggleDone
  • Toggle GroupDone
  • TooltipDone
  • TypographyDone

Button

Sharp, uppercase button system used across the Omni Cloud dashboard PoC.

Button component

Open in

Variants

Sizes

asChild

Default LinkSubtle Link

Installation

pnpm dlx shadcn@latest add @omni/button

Usage

import { Button } from "@/components/ui/button"
<Button variant="outline" size="lg">Launch Console</Button>
<Button asChild variant="link">
  <a href="/docs/button">View docs</a>
</Button>