Scale2Clinic — Atoms Library

1. Button

Primary

sm

md (default)

lg

disabled

loading

Secondary

sm

md

lg

disabled

Ghost

Danger

Link

Com Ícone

2. Input

Tamanhos

Estados

Com Ícone

3. Checkbox

Unchecked

Checked

Disabled

Error

Small

4. Radio

Opção A

Opção B (selecionado)

Disabled

5. Toggle (Switch)

sm · off

sm · on

md · off

md · on

lg · on

disabled

6. Select

7. Label

Nome da clínica Email * Telefone (opcional)

8. Badge

Variants (md)

Ativo Pago Pendente Cancelado Informação Rascunho Premium

Sm — com dot indicator

Online Erro Alerta Inativo

9. Avatar

Iniciais

SC

sm

SC

md

SC

lg

SC

xl

Com Status Indicator

AB

online

CD

offline

EF

busy

GH

away

10. Icon Button

primary sm

primary md

secondary md

ghost md

danger md

disabled lg

11. Spinner

sm primary

md primary

lg primary

md neutral

on-action

12. Skeleton

Text skeleton

Avatar skeletons

Card skeleton

13. Tooltip

14. Progress

Bar — sm

25% — primary

60% — gold

80% — md height

95% — danger

Circular

25%

50% gold

80%

Scale2Clinic — Atoms Library

1. Button

Primary

Secondary

Ghost

Danger

Link

Com Ícone

2. Input

Tamanhos

Estados

Com Ícone

3. Checkbox

4. Radio

5. Toggle (Switch)

6. Select

7. Label

8. Badge

Variants (md)

Sm — com dot indicator

9. Avatar

Iniciais

Com Status Indicator

10. Icon Button

11. Spinner

12. Skeleton

13. Tooltip

14. Progress

Bar — sm

Circular

15. Chip

Filter Chips (toggle)

Outlined

Input chips (removable)