# Harmonisation buttons

## Figma

Organisation des pages Figma :
- /Buttons
- Button
- ToggleButton
- IconButton
- LabeledIconButton
- ButtonGroup
- FilterButton
- /SideNav
- SideNav Button
- /ToolBar
- Toolbar Button

## Components

### Atoms (`Buttons/`)

- ✅ Button ✅
- Classique
- variants : primary, secondary, ghost et les buttons sans labels + size
-   

- ✅ ToggleButton ✅
- Plusieurs boutons collés (fonctionnellement un switch)
- 

- 🔥 IconButton ✅
- props :
- variant : filled, primary (pas de fond), secondary (pas de fond)
- size : xs, s, m, l, xl
- shape : circle, rounded, none
- 
- On intègre aussi le variant round :  ?

- 🟠 Popover Buttons ✅
- à renommer ?labeledIconButton? (à confirmer)
- 
- @ Il faudra rajouter un props size

- 🟠 ButtonGroup : pas encore fait ✅
- JIRA : https://jira-ext.cls.fr/browse/IHM-1024
- 
- @ Mettre à jour les maquettes sur Components

### Specifique

- 🟠 FilterButton (retrouver le nom dans le code
- 
- @ Mettre dans le dossier buttons

### Specifique dans des composants)

- 💀 Carousel / Retour en haut de page (a discuter ca pourrait être un icone button avec un variant round)
- 
- A voir si on l'intègre dans icons Buttons
- Géré par l'iconButtons
- ✅ Sidenav Buttons
- 
- Il y a des dropdown aussi ? (sujet dev)
- ✅ Toolbar Buttons (Toolbar)
- 
- Ajout variant Expendable pour cas particulier comme la légende
- @ Toolbar -> molécule et faire de toolbar button un spé au composant Toolbar

### Notes tech

- Basculer tous les buttons dans un dossier Buttons/ (dans atoms)
- Mettre FilterButton dans Buttons/, même s'il n'est utilisé qu'une fois
- Garder Sidenav Buttons dans le composant Sidenav
- Basculer Toolbar dans molécule
- ACTION BUTTON ??? -> Toolbar button