# @betha-plataforma/theme-bootstrap4

Tema do [Design System Betha](https://docs.plataforma.betha.cloud/) para [Bootstrap 4](https://getbootstrap.com/docs/4.5/)

## Instalando

### NPM

```shell
npm install @betha-plataforma/theme-bootstrap4
```

### Yarn

```shell
yarn add @betha-plataforma/theme-bootstrap4
```

### CDN (unpkg)

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

## Configurando

```html
<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](https://github.com/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
