Button

Componente de botão base com suporte a variantes, tamanhos e ícones.

Instalação

npm install @dexcode-core/ui react-icons

Uso

import { Button } from '@dexcode-core/ui'
 
export default function Example() {
  return <Button variant="primary">Clique aqui</Button>
}

Variantes

<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="success">Success</Button>
<Button variant="danger">Danger</Button>
<Button variant="warning">Warning</Button>
<Button variant="info">Info</Button>

Com ícones

Os ícones vêm da biblioteca react-icons/lu. Passe o nome exato do ícone em iconLeft e/ou iconRight:

<Button iconLeft="LuPlus">Adicionar</Button>
<Button iconRight="LuArrowRight" variant="secondary">Avançar</Button>

Consulte todos os ícones disponíveis em react-icons.github.io (opens in a new tab).

Props

Prop	Tipo	Padrão	Descrição
`variant`	`'primary' \| 'danger' \| 'success' \| 'info' \| 'warning' \| 'secondary'`	`'primary'`	Estilo visual do botão
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do botão
`iconLeft`	nome de ícone do `react-icons/lu`	—	Ícone exibido à esquerda do conteúdo
`iconRight`	nome de ícone do `react-icons/lu`	—	Ícone exibido à direita do conteúdo
`...`	`ButtonHTMLAttributes`	—	Todos os atributos nativos do `<button>`

Início Input