Exemplos de Componentes

Explore exemplos práticos de componentes e funcionalidades do sistema.


Campos de Formulário

Demonstração completa das macros de campos de formulário reutilizáveis. Inclui inputs de texto, email, senha, datas, textareas, selects, checkboxes, radios, campos decimais e muito mais.

Macros Jinja2 Bootstrap
Grid de Cards Responsivo

Exemplo de grid responsivo com cards do Bootstrap 5.3.8. Demonstra cards com imagens, títulos, descrições truncadas em 3 linhas, badges de status e botões de ação no rodapé.

Grid System Cards Responsive
Tabela de Listagem

Exemplo completo de tabela responsiva para listagem de dados. Demonstra formatação de valores, badges de status condicionais, botões de ação agrupados e modal de confirmação de exclusão.

Table Badges Actions
Temas Bootswatch

Visualize e selecione diferentes temas do Bootswatch para personalizar a aparência do sistema. Inclui temas claros e escuros, com preview de componentes e seleção interativa.

Temas Preview Interativo
Páginas de Detalhes

Exemplos completos de páginas de detalhes para diferentes tipos de entidades. Cada página demonstra layout responsivo, abas de informação, avaliações, compartilhamento social e itens relacionados.

Layout Avaliação Tabs Responsive
Sobre os Exemplos

Estes exemplos demonstram componentes e padrões reutilizáveis utilizados no sistema. Você pode usar estes exemplos como referência para implementar funcionalidades similares em suas próprias páginas. Todos os exemplos utilizam Bootstrap 5.3.8 e seguem as melhores práticas de desenvolvimento web.

Recursos Úteis
Bootstrap 5.3.8

Documentação oficial do framework CSS

Acessar Docs
Bootswatch

Temas gratuitos para Bootstrap

Acessar Site
Jinja2 Templates

Motor de templates para Python

Acessar Docs