@superlogica/button

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	Type	Default
type	String	solid	aceita os valores solid, outline e text
color	String	neutral500	deve conter o Token da cor que você deseja como fundo do botão, acesse os tokens de cor.
gradient	String	null	deve conter o Token do gradient que você deseja como fundo do botão, acesse os tokens de gradient.
size	String	medium	aceita os tamanhos small, medium, large e xlarge.
fullWidth	boolean	false	aceita true ou false e trabalha em conjunto com a props size.
shadow	boolean	false	aceita true ou false a sombra exibida no component é gerada no Theme atual da aplicação.
marginTop	String	none	aceita os valores none, xs, sm, md, lg, xlg e xxlg, os valores da margem são proporcionais ao gutterWidth do tema de sua aplicação.
marginRight	String	none	aceita os valores none, xs, sm, md, lg, xlg e xxlg, os valores da margem são proporcionais ao gutterWidth do tema de sua aplicação.
marginBottom	String	md	aceita os valores none, xs, sm, md, lg, xlg e xxlg, os valores da margem são proporcionais ao gutterWidth do tema de sua aplicação.
marginLeft	String	none	aceita os valores none, xs, sm, md, lg, xlg e xxlg, os valores da margem são proporcionais ao gutterWidth do tema de sua aplicação.

Uso

import Button from '@superlogica/button';

...
    return (
       <Button color="red400">
            Enviar
       </Button> 
...

License

MIT