sidebar component in Storybook

[Yolijn]

De Sidebar component heeft een focus trap en daarmee hoge prioriteit om vervangen te worden.

Dit issue is om de sidebar component zoals deze er op desktop uitziet te maken in Storybook.

Acceptatiecriteria

• Hierbij kan de styling 1-op-1 overgenomen zoals deze er nu op de website uitziet.
• Voor zover mogelijk wordt natuurlijk gebruik gemaakt van bestaande NL Design System componenten om de sidebar op te bouwen.
• De stijl keuzes worden gemaakt vanuit de design tokens
• De verschillende states van de sidebar zoals hover en uitgeklapt/ingeklapt staan in Storybook
• Er zijn stories voor CSS en React
  • Story met scroll functionaliteit en andere scenarios om alles goed te testen
• Het component accepteert een datastructuur om de items in het component te bepalen

[Robbert]

@bddjong Ik denk dat we hiervoor de modal variant van de Utrecht Drawer kunnen gebruiken. De <dialog> element zorgt al voor een goed werkende focus trap met showModal denk ik.