COMPONENT BUTTON
Esse package contém o componente button da Superlógica para web/desktop, seguindo nossos Tokens e padrões.
Instalação:
npm install @superlogica/button
Props
Nenhuma das props abaixo são obrigatórias e em caso de alguma props receber um valor inválido, o valor default daquela props será utilizado.
Props | Valor |
---|
type | String aceita os valores solid, outline e ghost |
color | String deve conter o Token da cor que você deseja como fundo do botão, acesse os tokens de cor. |
gradient | String deve conter o Token do gradient que você deseja como fundo do botão, acesse os tokens de gradient. |
size | String aceita os tamanhos small, medium, large e xlarge. |
fullWidth | boolean aceita true ou false e trabalha em conjunto com a props size . |
shadow | boolean aceita true ou false a sombra exibida no component é gerada no Theme atual da aplicação. |
Uso
import Button from '@superlogica/button';
...
return (
<Button color="red400">
Enviar
</Button>
...
License
MIT