Cards Grid
Novo
Título do Card
Um exemplo de texto rápido para construir o título do card e preencher o conteúdo.
Sucesso
Outro Card
Mais conteúdo descriptivo e texto representativo para os cards.
Destaque
Card em Destaque
Este é um exemplo de card usando classes utilitárias para mudar a cor de fundo e o texto.
Alertas
Sucesso! Operação realizada com sucesso.
Erro! Ocorreu um problema na validação dos dados.
Aviso: Verifique suas informações antes de continuar.
Info: Nova atualização disponível no painel.
Formulários Complexos
Tabela de Dados
| ID | Usuário | Cargo | Status | Ações |
|---|---|---|---|---|
| 1 | João Silva | Desenvolvedor | Ativo | |
| 2 | Maria Souza | Designer | Pendente | |
| 3 | Carlos Alberto | Gerente | Bloqueado |
Modal
Accordion
Este é o corpo do primeiro item. Ele é mostrado por padrão, até que o plugin de colapso adicione as classes apropriadas que usamos para estilizar cada elemento.
Conteúdo do segundo item do accordion.
E este é o conteúdo do terceiro item escondido por padrão.
Spinners
Carregando...
Tabs & Pills
Conteúdo inicial mostrando abas tabuladas funcionando perfeitamente em nosso template.
Conteúdo da aba de perfil com transição suave.
Informações de contato e dados adicionais ficam aqui.
Barras de Progresso
Badges
Primary Secondary Success Danger Warning Info Light DarkPill Primary Pill Success
Breadcrumb
Interativos
Menu Lateral
List Group
- Item Ativo
- Segundo item
- Item Desativado
- Lista com badge 14