Botões

Botão Full

Botão que ocupa todo o espaço disponível; caso queira menor, adicione uma div limitando o seu tamanho. Utilize a classe .btn-w-100.

Exemplo

Botão estilo Card

Botão Estilo Card: Este botão apresenta um design de card, contendo tanto um ícone quanto um texto.

Exemplo

Botão Small

Botões de Ações Pequenos: Utilize a classe .btn-sm-acao e escolha a cor entre:


                        .bg-verde
                        .bg-amarelo
                        .bg-vermelho
                        .bg-preto
                        .bg-azul

Exemplo

Botão Large

Botão large branco, ultilizar a class.btn-lg-filtro

Botão Small Branco

Botão small branco, ultilizar a class.btn-sm-filtro

Botão Small Icon

Botão small icon, ultilizar a class.btn-adc-marcacao .btn .btn-successescolha a cor entre:


                        .bg-verde
                        .bg-amarelo
                        .bg-vermelho
                        .bg-preto
                        .bg-azul

Botão diversos

Botões diversos, ultilizados em modais

.btn-modal.bg-preto .btn-modal.bg-vermelho .btn-table Este icon ele tem posição fixa .x-modal

Botões Disponíveis para Utilização

Botão Full

Botão estilo Card

Exemplo

Botão Small

Botão Large

Botão Small Branco

Botão Small Icon

Botão diversos

Botão com seta e icon

Exemplo

Botão Outline