Geral

Button

Componente de Botão

O Button é um componente reutilizável que pode ser utilizado para várias ações no seu projeto. Ele suporta diferentes variantes e um estado de carregamento.


Como importar

import { Button } from '@/app/shared/@JustLaunch/components'

Componente

Como usar

// Variant - 'primary | secondary | ghost | outline'  Loading - true | false
<Button loading={false} variant="primary">
  Primary
</Button>

Variantes

Secondary

<Button variant="secondary">
  Secondary
</Button>

Ghost

Este botão usa um ícone no lugar do texto.

<Button variant="ghost">
  <HomeIcon width={40} height={40} />
</Button>

Outline

<Button variant="outline">
  Outline
</Button>

Loading

Exibe um estado de carregamento no botão.

<Button loading={true} variant="primary">
  Loading...
</Button>
Previous
Badge 🆕🎉