Motoko UI Released — Explore the components
Motoko UI

Button

A polished button with primary, secondary, and semantic variants.

Installation

pnpm dlx shadcn@latest add @motokoui/button

Usage

import { Button } from "@/components/ui/button"
 
export default function Example() {
  return <Button>Click me</Button>
}

Variants

VariantDescription
primary / defaultGradient fill with inset highlight (default)
secondarySoft bordered surface
outlineBordered on background
ghostTransparent until hover
destructiveDanger action
linkText link style

Sizes

SizeDescription
smCompact
defaultStandard (h-12)
lgLarge
iconCircular icon button

Props

PropTypeDefault
variantprimary | secondary | outline | ghost | destructive | link | defaultprimary
sizedefault | sm | lg | icondefault
asChildbooleanfalse
isDisabledbooleanfalse