1. Acordeão: Ele é pouco comum, mais usado em FAQ e informações adicionais.​

2. Badge: Você pode usar como título, com algo parecido com o que temos aqui de exemplo.​

3. Breadcrumb: Você pode usar no topo do site para mostrar onde a pessoa está, para fazer isso funciona você vai precisar ver como pode usar e aplicar no seu projeto.

4. Close button: Você pode usar para colocar em algum lugar que precise ser fechado, aqui você tem apenas o close button, você vai precisar usar JS para fazer com que ele feche quando for clicado.

5. Collapse: Ele é um pouco parecido com um acordeão, que você vai clicar e vai abrir informações abaixo dele.

6. Dropdowns: Você com o dropdown consegue clicar e ter acesso a links, tem o dropdown padrão, que foi o que utilizamos na documentação e mais abaixo você vê os outros, que são iguais aos botões do Bootstrap, diferentes cores.

7. Modal: Com isso, você vai fazer com que apareça uma tela personalizada na tela, fazendo com que você confirme ou não, mudanças em um documento, por exemplo.

8. Pagination: Com isso, você consegue colocar na parte baixa do site, fazendo com que você pode avançar e voltar de páginas, é bem comum, mas não é tão usado, pois nem todo site precisa usar.

9. Spinners: Você usa isso aqui quando quer que o site ou algum elemento carregue, você vai deixar ele aparecendo enquanto o objeto carrega e depois ele some. Mais abaixo você pode ver que tem de diferentes cores, iguais as cores do botão.

10. Toasts: Temos os toasts que são um mini aviso, que você pode colocar ele para ser acionado quando a pessoa entra no site ou simplesmente fazer ele ser acionado ao clicar no botão.

11.Tooltip: Você consegue usar isso na maioria dos elementos que quiser, não precisa ser apenas em um botão, como podemos ver mais abaixo, ele tem sido usado também em um svg, você pode colocar uma dica ou algo do tipo para o usuário através dessa tooltip.