RayCraftDocs
v1.0.3
pt-BR
raycraft.dev
Nesta página

Button

Free

Dispara uma ação ou navega quando Href está definido (o botão então é exibido como um link com a mesma aparência). Três variantes (Filled, Outlined, Text), seis cores, três tamanhos e ícones opcionais antes ou depois do rótulo. Para um botão só com ícone, use IconButton. Loading mostra um indicador no lugar do ícone inicial e bloqueia cliques (de modo que um envio duplo não possa acontecer); BusyWhileClicking faz o mesmo automaticamente enquanto um tratador OnClick assíncrono é executado.

Exemplo

Controle Button

Parâmetros

ParâmetroTipoDescrição
BusyWhileClickingboolMostra o estado de ocupado enquanto um tratador OnClick assíncrono é executado.
ChildContentRenderFragmentConteúdo renderizado dentro do componente.
ClassstringClasses CSS extras adicionadas ao elemento raiz.
ColorButtonColorPrimary (padrão), Secondary, Info, Success, Warning ou Danger.
DisabledboolDesativa a interação.
EndIconIconName?Ícone mostrado depois do rótulo.
HrefstringEndereço do link. Em um Button, faz o botão ser exibido como um link com a mesma aparência.
LoadingboolMostra uma barra de progresso acima das linhas.
SizeSizeSmall, Medium (padrão) ou Large; Dialog também tem ExtraLarge.
StartIconIconName?Ícone mostrado antes do rótulo.
StylestringEstilo embutido adicionado ao elemento raiz.
TargetstringCountdown: o momento até o qual a contagem regressiva vai. Button: destino do link no navegador, por exemplo _blank.
TypestringComo a célula é desenhada: Text, Check, Image, Progress, Link, Badge ou Dropdown.
VariantVariantEstilo visual: Filled, Outlined ou Text.

Eventos

EventoTipoDescrição
OnClickEventCallback<MouseEventArgs>Gerado quando o botão é clicado.

Pacote

Button faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.