JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3662
  • Score
    100M100P100Q125082F
  • License EUPL-1.2

Button group component for the Municipality of Utrecht based on the NL Design System architecture

Package Exports

  • @utrecht/button-group-css
  • @utrecht/button-group-css/dist/index.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@utrecht/button-group-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Button group

De button group is een container voor een aantal buttons, of voor een losstaande button.

Terminologie

  • button: van het <button> HTML element, role="button" in ARIA.
  • group: van role="group" in ARIA.

Verticale variant

Voor smalle schermen bij plaatsing in smalle panelen (zoals een sidebar) is er een variant waar buttons onder elkaar staan, in plaats van naast elkaar. Gebruik deze variant niet wanneer er voldoende ruimte is voor de standaard variant. Je kunt bijvoorbeeld CSS media queries gebruiken om deze variant toe te passen voor kleine schermen.