Skip to Content
🎉Introducing Pumki UI
ComponentsButtonsStandard

Btn-standard

Pumki UIPumki UI

Buttons With Icon

Installation

Usage


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

<Button />

Example

As Input

Pumki UIPumki UI

Props

PropTypeDefaultDescription
classNamestring-Custom CSS classes for the button.
selectedboolean-Marks the button as selected (sets data-state=“open”).
variant’primary''mono''destructive'
shape’default''circle''default’
appearance’default''ghost''default’
mode’default''icon''link'
size’lg''md''sm'
autoHeightbooleanfalseIf true, button height is set to auto.
underlined’solid''dashed’-
underline’solid''dashed’-
asChildbooleanfalseRenders as a child component (Radix Slot).
placeholderbooleanfalseApplies muted foreground color for input mode.
iconLucideIcon-Lucide icon to display in the button (for ButtonArrow).
…propsAll native button props-Any other props for the HTML <button> element.
Last updated on