2b:null 2c:["$","title",null,{"children":"Button | Office for Statistics and Data of the Canton of Zurich | Observable"}] 31:[] 2f:{"id":"366c11fae32c1607","slug":null,"title":"Button","thumbnail":"b2a2ef8006171c23613c8a57580b323c731d927be00cbf3fe1a1ed0ddda9eb77","access_level":"public","create_time":"$D2024-07-10T12:07:13.407Z","update_time":"$D2026-02-10T16:05:41.603Z","view_time":null,"first_public_time":"$D2024-07-10T12:07:20.871Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich","avatar_url":"https://avatars-next.observableusercontent.com/61364635cd5db7a914727e7625ac41daa90fedeba239e3d2ce93b57a9ad3bce9","tier":"pro"},"version":148,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ff2ebb6da9a3f817","login":"daenub","name":"Dan Büschlen","avatar_url":"https://avatars-next.observableusercontent.com/7f91b32f10d4fd0e7474f1c131c42e52adafe12bbeafb2f07a0cfcdd3caccd98","tier":null}],"members":[{"type":"individual","id":"ff2ebb6da9a3f817","login":"daenub","name":"Dan Büschlen","avatar_url":"https://avatars-next.observableusercontent.com/7f91b32f10d4fd0e7474f1c131c42e52adafe12bbeafb2f07a0cfcdd3caccd98","tier":null,"role":"editor"},{"type":"team","id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich","avatar_url":"https://avatars-next.observableusercontent.com/61364635cd5db7a914727e7625ac41daa90fedeba239e3d2ce93b57a9ad3bce9","tier":"pro","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"b4b9279e515ea00f","slug":"leu-component-library","title":"Leu - Component Library","owner":{"id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich"}},"type":"notebook","body":{"title":"Button","cells":[{"id":0,"value":"# Button\n\n- [Storybook](https://statistikzh.github.io/leu/?path=/story/button--regular)\n- [GitHub](https://github.com/statistikZH/leu/tree/main/src/components/button)\n\nThe following elements are used in this notebook. Not all of them are necessary for every case\n- `leu-button`\n- `leu-button-group`\n- `leu-icon`\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"## Load custom elements\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"{\n import(`https://esm.sh/@statistikzh/leu@${version}/leu-button.js`);\n import(`https://esm.sh/@statistikzh/leu@${version}/leu-button-group.js`);\n import(`https://esm.sh/@statistikzh/leu@${version}/leu-icon.js`);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"## Usage\n\nAll different kinds of configuration can be found on [Storybook](https://statistikzh.github.io/leu/?path=/story/button--overview) and also in the design system figma file.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"```html\n\n Label\n\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"

\n\n Label\n\n\n\n \n Label\n\n\n\n Label\n \n\n\n\n \n\n\n\n \n\n\n\n \n Label\n\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":43,"value":"### Interactivity","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"A `leu-button` can be used like a regular `