@superlogica/button NPM

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
`apparence`	`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 tamanhos de margin encontrados na documentação, ex: lg, md, sm.
`marginRight`	`String`	`none`	aceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm.
`marginBottom`	`String`	`md`	aceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm.
`marginLeft`	`String`	`none`	aceita os tamanhos de margin encontrados na documentação, ex: lg, md, sm.

Uso

import Button from '@superlogica/button';

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

License

MIT

prop-types @superlogica/superlogica-core

@everything-registry/sub-chunk-882

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago