import{_ as s}from"./plugin-vue_export-helper-DlAUqK2U.js";import{c as a,a as i,o as n}from"./app-BZ-6COYf.js";const t={};function l(d,e){return n(),a("div",null,e[0]||(e[0]=[i(`

Default

A default section.

<ds-section>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>

Variants

Use color variants to catch the users attention.

<ds-section primary>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>
<ds-section secondary>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>

Fullheight

A fullheight section is useful to draw additional attention to its content.

<ds-section secondary fullheight centered>
  <ds-heading>Give a little respect</ds-heading>
  <ds-text>A default section is used to separate content.</ds-text>
</ds-section>
`,9)]))}const p=s(t,[["render",l],["__file","demo.html.vue"]]),h=JSON.parse('{"path":"/styleguide/src/system/components/layout/Section/demo.html","title":"","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"Default","slug":"default","link":"#default","children":[]},{"level":2,"title":"Variants","slug":"variants","link":"#variants","children":[]},{"level":2,"title":"Fullheight","slug":"fullheight","link":"#fullheight","children":[]}],"git":{"createdTime":1770201138000,"updatedTime":1770201138000,"contributors":[{"name":"Ulf Gebhardt","email":"ulf.gebhardt@webcraft-media.de","commits":1}]},"readingTime":{"minutes":0.42,"words":127},"filePathRelative":"styleguide/src/system/components/layout/Section/demo.md","localizedDate":"February 4, 2026","excerpt":"

Default

\\n

A default section.

\\n
<ds-section>\\n  <ds-heading>Give a little respect</ds-heading>\\n  <ds-text>A default section is used to separate content.</ds-text>\\n</ds-section>
\\n
"}');export{p as comp,h as data};