# Button
Botão principal da aplicação. Utilizado para fazer ações dentro do sistema, sendo elas primárias, secundárias ou qualquer outro tipo de ação.
Opções
TIP
Se a intenção for utilizar um botão fab (totalmente arredondado), passe a flag rounded e não passe o texto.
# Props
Prop name | Description | Type | Default | Type format |
---|---|---|---|---|
color | Indicação da cor do botão | string | null | |
confirmation | Flag para indicar que é um botão de confirmação | boolean | false | |
dark | Flag para deixar o conteúdo com cor branca | boolean | false | |
disabled | Flag para desabilitar o botão | boolean | false | |
icon | Ícone para ser usado no botão | string | null | |
iconRight | Flag para deixar o ícone passado na direito | boolean | false | |
isLoading | Flag para deixar o botão em modo loading | boolean | false | |
large | Flag para deixar o botão grande (default no mobile) | boolean | false | |
medium | Flag para deixar o botão medio (default no desktop) | boolean | false | |
primary | Flag para indicar que é um botão primário (fica preenchido com background primário) | boolean | false | |
removeBg | Remove o background do botão (text) | boolean | undefined | |
rounded | Flag para deixar o botão arredondado | boolean | false | |
small | Flag para deixar o botão pequeno | boolean | false | |
text | Texto do botão | string | undefined |
# Events
Event name | Properties | Description |
---|---|---|
click | Emitido quando o botão é clicado |
# Slots
Name | Description | Bindings |
---|---|---|
text | Slot para customização do texto do botão |
← Icon