Button

A clickable button with multiple variants and sizes.

Preview

Props

PropTypeDefaultDescription
variantstring'default'default, destructive, outline, secondary, ghost, link
sizestring'default'sm, default, lg
disabledbooleanfalseDisables the button
onClickfunctionClick handler
childrenReactNodeButton label

Usage

const { Button } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Button, { variant: 'default' }, 'Click me')
);

Variants