Btn-standard

Pumki UI

Installation

import { Button } from '@/components/pumki-ui/buttons/btn-standard.tsx';

<Button />

Pumki UI

Prop	Type	Default	Description
`className`	`string`	-	Custom CSS classes for the button.
`selected`	`boolean`	-	Marks the button as selected (sets `data-state=“open”`).
`variant`	`’primary’ \| ‘mono’ \| ‘destructive’ \| ‘secondary’ \| ‘outline’ \| ‘dashed’ \| ‘ghost’ \| ‘dim’ \| ‘foreground’ \| ‘inverse'`	'primary’	Visual style of the button.
`shape`	`’default’ \| ‘circle'`	'default’	Shape of the button (default or circle).
`appearance`	`’default’ \| ‘ghost'`	'default’	Appearance style of the button.
`mode`	`’default’ \| ‘icon’ \| ‘link’ \| ‘input'`	'default’	Button mode (standard, icon, link, input).
`size`	`’lg’ \| ‘md’ \| ‘sm’ \| ‘icon'`	'md’	Size of the button.
`autoHeight`	`boolean`	false	If true, button height is set to auto.
`underlined`	`’solid’ \| ‘dashed’`	-	Underline style for link mode.
`underline`	`’solid’ \| ‘dashed’`	-	Underline style for link mode (hover).
`asChild`	`boolean`	false	Renders as a child component (Radix Slot).
`placeholder`	`boolean`	false	Applies muted foreground color for input mode.
`icon`	`LucideIcon`	-	Lucide icon to display in the button (for ButtonArrow).
`…props`	All native button props	-	Any other props for the HTML `<button>` element.