{{ t.pages.button.title }} {{ t.pages.button.subtitle }}

{{ t.pages.button.overviewIntro }}

{{ t.pages.button.colorsTitle }}
{{ t.pages.button.colorsSubtitle }}
{{ t.pages.button.lightCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[light|outline-light|flat-light]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.darkCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[dark|outline-dark|flat-dark]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.primaryCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[primary|outline-primary|flat-primary]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.secondaryCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[secondary|outline-secondary|flat-secondary]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.dangerCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[danger|outline-danger|flat-danger]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.successCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[success|outline-success|flat-success]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.warningCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[warning|outline-warning|flat-warning]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.infoCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[info|outline-info|flat-info]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.indigoCardTitle }}

{{ t.pages.button.usePrefix }} .btn-[indigo|outline-indigo|flat-indigo]

{{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }} {{ t.pages.button.demoButton }}
{{ t.pages.button.solidTitle }}
{{ t.pages.button.solidSubtitle }}
Solid button

Botao padrao com cor de fundo solida.

Default button
Solid with icon

Botao com icone e texto.

With icon
Rounded button

Botao com rounded-pill.

Rounded button
Labeled button

Icone separado com fundo mais escuro.

Labeled
Rounded labeled

Labeled com rounded-pill.

Rounded
Icon button

Somente icone com btn-icon.

{{ t.pages.button.outlineTitle }}
{{ t.pages.button.outlineSubtitle }}
Outline button

Fundo transparente no estado padrao.

Default button
Outline with icon

Outline com icone.

With icon
Rounded outline

Outline com rounded-pill.

Default button
Labeled outline

Outline labeled com icone separado.

Default button
Icon outline

Somente icone no estilo outline.

Border options

Borda transparente, padrao e grossa.

Transparent Default Thick
{{ t.pages.button.flatTitle }}
{{ t.pages.button.flatSubtitle }}
Flat button

Fundo semi-transparente.

Flat button
Flat with icon

Flat com icone.

With icon
Rounded flat

Flat com rounded-pill.

Rounded button
Labeled flat

Flat labeled com icone separado.

Labeled
Icon flat

Somente icone no estilo flat.

Flat border options

Bordas no estilo flat.

Transparent Default Thick
{{ t.pages.button.linkTitle }}
{{ t.pages.button.linkSubtitle }}
Link button

Estilo de link textual.

Link button
Link with icon

Link com icone.

With icon
Labeled link

Link com label de icone.

Labeled
{{ t.pages.button.sizesTitle }}
{{ t.pages.button.sizesSubtitle }}
Solid button sizes

Large, default e small.

Large button
Default button
Small button
Labeled button sizes

Labeled em diferentes tamanhos.

Large button
Default button
Small button
Rounded button sizes

Rounded em diferentes tamanhos.

Large button
Default button
Small button
{{ t.pages.button.alignTitle }}
{{ t.pages.button.alignSubtitle }}
Left icon alignment

Icone antes do texto.

Left alignment
Right icon alignment

Icone depois do texto.

Right alignment
Label positions

Labeled start e end.

Left Right
{{ t.pages.button.disabledTitle }}
{{ t.pages.button.disabledSubtitle }}
Disabled solid
Disabled
Disabled outline
Disabled
Disabled flat
Disabled