Voltar

Componentes Disponíveis para Utilização

Card Indentificação

Os Cards possuem uma cor azul, uma foto, um título e um texto. Existe também a opção para o estado inativo, com as mesmas características, mas com a cor vermelha.
João Webb

34.300

SIA-DEPTO TECNOL INOVACAO

João Webb

34.300

SIA-DEPTO TECNOL INOVACAO

Acordeão

Os Acordeões possuem um texto e uma seta. Ao clicar sobre eles, expandem automaticamente, revelando outros botões.
Sexta-feira | 01/09/2023
8:00:43
11:00:26
12:00:21
17:00:35

Componente Alerta Flutuante

Componente de alerta flutuante persistente, com ícone, título e texto. Coloque-o no início do body, antes mesmo do header

Veículo Impossibilitado de Locomoção

Motorista: Joãaao Webb Prefixo: 14
4 min.

Componente Alerta Danger

O usuário não existe ou a senha esta incorreta.

Link com Efeito de linha embaixo

Os links possuem um efeito de linha abaixo para uma visualização clara e intuitiva. Utilize a classe .link-tab para aplicar essa formatação. Para destacar o menu ativo, adicione a classe .active. A fonte utilizada é a Nunito com tamanho de 20px.

Accordion novo

Os accordions que forem completos devem utilizar a classe .accordion-check

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the first item's accordion body.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the second item's accordion body. Let's imagine this being filled with some actual content.

Pagination

1
2
3

Exemplo de Skeleton

Caso queira usar um Skeleton utilizando uma biblioteca, aqui esta o exemplo: