mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2026-02-06 09:55:50 +00:00
15 lines
5.3 KiB
JavaScript
15 lines
5.3 KiB
JavaScript
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(`<h2 id="default" tabindex="-1"><a class="header-anchor" href="#default"><span>Default</span></a></h2><p>A default section.</p><div class="language- line-numbers-mode" data-highlighter="shiki" data-ext="" data-title="" style="--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34;"><pre class="shiki shiki-themes one-light one-dark-pro vp-code"><code><span class="line"><span><ds-section></span></span>
|
|
<span class="line"><span> <ds-heading>Give a little respect</ds-heading></span></span>
|
|
<span class="line"><span> <ds-text>A default section is used to separate content.</ds-text></span></span>
|
|
<span class="line"><span></ds-section></span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="variants" tabindex="-1"><a class="header-anchor" href="#variants"><span>Variants</span></a></h2><p>Use color variants to catch the users attention.</p><div class="language- line-numbers-mode" data-highlighter="shiki" data-ext="" data-title="" style="--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34;"><pre class="shiki shiki-themes one-light one-dark-pro vp-code"><code><span class="line"><span><ds-section primary></span></span>
|
|
<span class="line"><span> <ds-heading>Give a little respect</ds-heading></span></span>
|
|
<span class="line"><span> <ds-text>A default section is used to separate content.</ds-text></span></span>
|
|
<span class="line"><span></ds-section></span></span>
|
|
<span class="line"><span><ds-section secondary></span></span>
|
|
<span class="line"><span> <ds-heading>Give a little respect</ds-heading></span></span>
|
|
<span class="line"><span> <ds-text>A default section is used to separate content.</ds-text></span></span>
|
|
<span class="line"><span></ds-section></span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="fullheight" tabindex="-1"><a class="header-anchor" href="#fullheight"><span>Fullheight</span></a></h2><p>A fullheight section is useful to draw additional attention to its content.</p><div class="language- line-numbers-mode" data-highlighter="shiki" data-ext="" data-title="" style="--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34;"><pre class="shiki shiki-themes one-light one-dark-pro vp-code"><code><span class="line"><span><ds-section secondary fullheight centered></span></span>
|
|
<span class="line"><span> <ds-heading>Give a little respect</ds-heading></span></span>
|
|
<span class="line"><span> <ds-text>A default section is used to separate content.</ds-text></span></span>
|
|
<span class="line"><span></ds-section></span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,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":"<h2>Default</h2>\\n<p>A default section.</p>\\n<div class=\\"language- line-numbers-mode\\" data-highlighter=\\"shiki\\" data-ext=\\"\\" data-title=\\"\\" style=\\"--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34\\"><pre class=\\"shiki shiki-themes one-light one-dark-pro vp-code\\"><code><span class=\\"line\\"><span><ds-section></span></span>\\n<span class=\\"line\\"><span> <ds-heading>Give a little respect</ds-heading></span></span>\\n<span class=\\"line\\"><span> <ds-text>A default section is used to separate content.</ds-text></span></span>\\n<span class=\\"line\\"><span></ds-section></span></span></code></pre>\\n<div class=\\"line-numbers\\" aria-hidden=\\"true\\" style=\\"counter-reset:line-number 0\\"><div class=\\"line-number\\"></div><div class=\\"line-number\\"></div><div class=\\"line-number\\"></div><div class=\\"line-number\\"></div></div></div>"}');export{p as comp,h as data};
|