Import
tsx
import { Button } from "@indoku/ui"Examples
Basic usage
tsx
<HStack wrap="wrap" gap="3"> <Button>Default</Button> <Button variant="subtle">Secondary</Button> <Button variant="outline">Outline</Button> <Button variant="ghost">Ghost</Button> <Button variant="plain">Link</Button> <Button colorPalette="red">Destructive</Button></HStack><HStack wrap="wrap" gap="3"> <Button rounded="full" variant="subtle">Get Started</Button> <Button size="sm">Small</Button> <Button size="md">Medium</Button> <Button size="lg">Large</Button></HStack>Variants
Pass these as props. The values are read from the live IndokuUI theme, so they always match what ships.
variant6 options
solid
subtle
surface
outline
ghost
plain
size11 options
2xs
xs
sm
md
lg
xl
2xl
icon-xs
icon-sm
icon
icon-lg
colorPalette10 options
gray
red
orange
yellow
green
teal
blue
cyan
purple
pink
Created by @indokudev