0.0.47 • Published 3 years ago
@superlogica/button v0.0.47
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
0.0.47
3 years ago
0.0.46
3 years ago
0.0.45
3 years ago
0.0.44
4 years ago
0.0.43
4 years ago
0.0.42
4 years ago
0.0.40
4 years ago
0.0.41
4 years ago
0.0.38
4 years ago
0.0.39
4 years ago
0.0.37
4 years ago
0.0.36
4 years ago
0.0.35
4 years ago
0.0.34
4 years ago
0.0.31
4 years ago
0.0.32
4 years ago
0.0.30
4 years ago
0.0.25
4 years ago
0.0.26
4 years ago
0.0.28
4 years ago
0.0.29
4 years ago
0.0.24
4 years ago
0.0.23
4 years ago
0.0.22
4 years ago
0.0.21
4 years ago
0.0.20
4 years ago
0.0.19
4 years ago
0.0.14
4 years ago
0.0.16
4 years ago
0.0.12
4 years ago
0.0.13
4 years ago
0.0.11
4 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
5 years ago
0.0.1
5 years ago
0.0.0
5 years ago