Skip to Content
šŸŽ‰Introducing Pumki UI

Simple Buttons

A few examples of simple buttons with different styles and sizes.

Pumki UIPumki UI
Link as SimpleButton

Installation

Usage


1import { SimpleButton } from '@/components/pumki-ui/buttons/simple';

1<SimpleButton>Default SimpleButton</SimpleButton>

Props

PropTypeDefaultDescription
variant?ā€˜default''destructive''outline'
size?ā€˜default''sm''lg'
asChild?booleanfalseIf true, renders children directly with button styles.
className?string-Additional CSS classes for the button.
children?React.ReactNode-Button content.
type?ā€˜button''submit''resetā€˜
…propsHTMLButtonElement attributes-Any other props for the button element.
Last updated on