Skip to content

betha-plataforma/theme-bootstrap4

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@betha-plataforma/theme-bootstrap4

Tema do Design System Betha para Bootstrap 4

Instalando

NPM

npm install @betha-plataforma/theme-bootstrap4

Yarn

yarn add @betha-plataforma/theme-bootstrap4

CDN (unpkg)

<link rel="stylesheet" href="https://unpkg.com/@betha-plataforma/theme-bootstrap4">

Configurando

<html>
  <head>
    <!-- Bootstrap 4 e Material Design Icons -->
    <link rel="stylesheet" href="https://unpkg.com/bootstrap@4.5.2/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://unpkg.com/@mdi/font@5.0.45/css/materialdesignicons.min.css">

    <!-- Framework Design -->
    <link rel="stylesheet" href="https://unpkg.com/@betha-plataforma/theme-bootstrap4">
  </head>
  <!-- ... -->
</html>

Exemplos

Exemplos podem ser encontrados em betha-plataforma/exemplos

Componentes

Os componentes suportados, com base na especificação do Design System, são:

  • Abas
  • Alerta
  • Badge
  • Barra de rolagem (somente para navegadores com suporte a webkit)
  • Botão
  • Breadcrumbs
  • Card
  • Checkbox
  • Dropdown
  • Input
  • Link
  • Listagem
  • Loader
  • Modal
  • Paginação
  • Popover
  • Radio
  • Switch
  • Tag