import"./chunks/FwbRange.vue_vue_type_style_index_0_scoped_fadec9c5_lang.66ff4c69.js";import{_ as a}from"./chunks/FwbP.vue_vue_type_script_setup_true_lang.b05f1505.js";import{o as t,c as p,H as s,w as n,a as e,l,Q as i}from"./chunks/framework.3f630664.js";import"./chunks/useMergeClasses.5cec3a4e.js";const E={class:"vp-raw"},y={__name:"FwbPExample",setup(o){return(c,r)=>(t(),p("div",E,[s(l(a),null,{default:n(()=>[e(" Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams have richer contextual information to rapidly respond to requests, incidents, and changes. ")]),_:1}),s(l(a),null,{default:n(()=>[e(" Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change. ")]),_:1})]))}},d={class:"vp-raw"},h={__name:"FwbPExampleCustom",setup(o){return(c,r)=>(t(),p("div",d,[s(l(a),{class:"font-light"},{default:n(()=>[e(" Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams have richer contextual information to rapidly respond to requests, incidents, and changes. ")]),_:1}),s(l(a),{class:"font-bold"},{default:n(()=>[e(" Deliver great service experiences fast - without the complexityof traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change. ")]),_:1}),s(l(a),{class:"text-left"},{default:n(()=>[e(" Deliver great service experiences fast - without the complexityof traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change. ")]),_:1}),s(l(a),{class:"text-center"},{default:n(()=>[e(" Deliver great service experiences fast - without the complexityof traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change. ")]),_:1}),s(l(a),{class:"text-right"},{default:n(()=>[e(" Deliver great service experiences fast - without the complexityof traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change. ")]),_:1}),s(l(a),{class:"text-green-600 dark:text-green-400 italic"},{default:n(()=>[e(" Deliver great service experiences fast - without the complexityof traditional ITSM solutions. Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change. ")]),_:1})]))}},u=i(`<h1 id="vue-paragraph-flowbite" tabindex="-1">Vue Paragraph - Flowbite <a class="header-anchor" href="#vue-paragraph-flowbite" aria-label="Permalink to &quot;Vue Paragraph - Flowbite&quot;">​</a></h1><h4 id="use-the-paragraph-component-to-create-multiple-blocks-of-text-separated-by-blank-lines-and-write-content-based-on-multiple-layouts-and-styles" tabindex="-1">Use the paragraph component to create multiple blocks of text separated by blank lines and write content based on multiple layouts and styles <a class="header-anchor" href="#use-the-paragraph-component-to-create-multiple-blocks-of-text-separated-by-blank-lines-and-write-content-based-on-multiple-layouts-and-styles" aria-label="Permalink to &quot;Use the paragraph component to create multiple blocks of text separated by blank lines and write content based on multiple layouts and styles&quot;">​</a></h4><h2 id="default-paragraph" tabindex="-1">Default paragraph <a class="header-anchor" href="#default-paragraph" aria-label="Permalink to &quot;Default paragraph&quot;">​</a></h2><p>Use this example of a paragraph element to use inside article content or a landing page.</p><div class="language-vue vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#E1E4E8;">&lt;</span><span style="color:#85E89D;">template</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Track work across the enterprise through an open, collaborative platform.</span></span>
<span class="line"><span style="color:#E1E4E8;">    Link issues across Jira and ingest data from other software development</span></span>
<span class="line"><span style="color:#E1E4E8;">    tools, so your IT support and operations teams have richer contextual</span></span>
<span class="line"><span style="color:#E1E4E8;">    information to rapidly respond to requests, incidents, and changes.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#E1E4E8;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#E1E4E8;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#E1E4E8;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">&lt;/</span><span style="color:#85E89D;">template</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E1E4E8;">&lt;</span><span style="color:#85E89D;">script</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">setup</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#F97583;">import</span><span style="color:#E1E4E8;"> { FwbP } </span><span style="color:#F97583;">from</span><span style="color:#E1E4E8;"> </span><span style="color:#9ECBFF;">&#39;flowbite-vue&#39;</span></span>
<span class="line"><span style="color:#E1E4E8;">&lt;/</span><span style="color:#85E89D;">script</span><span style="color:#E1E4E8;">&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">template</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Track work across the enterprise through an open, collaborative platform.</span></span>
<span class="line"><span style="color:#24292E;">    Link issues across Jira and ingest data from other software development</span></span>
<span class="line"><span style="color:#24292E;">    tools, so your IT support and operations teams have richer contextual</span></span>
<span class="line"><span style="color:#24292E;">    information to rapidly respond to requests, incidents, and changes.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#24292E;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#24292E;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#24292E;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">&lt;/</span><span style="color:#22863A;">template</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">script</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">setup</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#D73A49;">import</span><span style="color:#24292E;"> { FwbP } </span><span style="color:#D73A49;">from</span><span style="color:#24292E;"> </span><span style="color:#032F62;">&#39;flowbite-vue&#39;</span></span>
<span class="line"><span style="color:#24292E;">&lt;/</span><span style="color:#22863A;">script</span><span style="color:#24292E;">&gt;</span></span></code></pre></div>`,5),g=i(`<h2 id="custom-classes" tabindex="-1">Custom classes <a class="header-anchor" href="#custom-classes" aria-label="Permalink to &quot;Custom classes&quot;">​</a></h2><p>Use <code>class</code> attribute to apply the tailwind classes.</p><div class="language-vue vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#E1E4E8;">&lt;</span><span style="color:#85E89D;">template</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">class</span><span style="color:#E1E4E8;">=</span><span style="color:#9ECBFF;">&quot;font-light&quot;</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Track work across the enterprise through an open, collaborative platform.</span></span>
<span class="line"><span style="color:#E1E4E8;">    Link issues across Jira and ingest data from other software development</span></span>
<span class="line"><span style="color:#E1E4E8;">    tools, so your IT support and operations teams have richer contextual</span></span>
<span class="line"><span style="color:#E1E4E8;">    information to rapidly respond to requests, incidents, and changes.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">class</span><span style="color:#E1E4E8;">=</span><span style="color:#9ECBFF;">&quot;font-bold&quot;</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#E1E4E8;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#E1E4E8;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#E1E4E8;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">  </span><span style="color:#B392F0;">class</span><span style="color:#E1E4E8;">=</span><span style="color:#9ECBFF;">&quot;test-left&quot;</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#E1E4E8;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#E1E4E8;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#E1E4E8;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">class</span><span style="color:#E1E4E8;">=</span><span style="color:#9ECBFF;">&quot;test-center&quot;</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#E1E4E8;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#E1E4E8;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#E1E4E8;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">class</span><span style="color:#E1E4E8;">=</span><span style="color:#9ECBFF;">&quot;text-right&quot;</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#E1E4E8;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#E1E4E8;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#E1E4E8;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">class</span><span style="color:#E1E4E8;">=</span><span style="color:#9ECBFF;">&quot;text-green-600 dark:text-green-400 italic&quot;</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#E1E4E8;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#E1E4E8;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#E1E4E8;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#E1E4E8;">  &lt;/</span><span style="color:#85E89D;">fwb-p</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#E1E4E8;">&lt;/</span><span style="color:#85E89D;">template</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E1E4E8;">&lt;</span><span style="color:#85E89D;">script</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">setup</span><span style="color:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="color:#F97583;">import</span><span style="color:#E1E4E8;"> { FwbP } </span><span style="color:#F97583;">from</span><span style="color:#E1E4E8;"> </span><span style="color:#9ECBFF;">&#39;flowbite-vue&#39;</span></span>
<span class="line"><span style="color:#E1E4E8;">&lt;/</span><span style="color:#85E89D;">script</span><span style="color:#E1E4E8;">&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">template</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">class</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;font-light&quot;</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Track work across the enterprise through an open, collaborative platform.</span></span>
<span class="line"><span style="color:#24292E;">    Link issues across Jira and ingest data from other software development</span></span>
<span class="line"><span style="color:#24292E;">    tools, so your IT support and operations teams have richer contextual</span></span>
<span class="line"><span style="color:#24292E;">    information to rapidly respond to requests, incidents, and changes.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">class</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;font-bold&quot;</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#24292E;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#24292E;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#24292E;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">  </span><span style="color:#6F42C1;">class</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;test-left&quot;</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#24292E;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#24292E;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#24292E;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">class</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;test-center&quot;</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#24292E;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#24292E;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#24292E;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">class</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;text-right&quot;</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#24292E;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#24292E;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#24292E;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">  &lt;</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">class</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;text-green-600 dark:text-green-400 italic&quot;</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">    Deliver great service experiences fast - without the complexityof</span></span>
<span class="line"><span style="color:#24292E;">    traditional ITSM solutions. Accelerate critical development work,</span></span>
<span class="line"><span style="color:#24292E;">    eliminate toil, and deploy changes with ease, with a complete</span></span>
<span class="line"><span style="color:#24292E;">    audit trail for every change.</span></span>
<span class="line"><span style="color:#24292E;">  &lt;/</span><span style="color:#22863A;">fwb-p</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">&lt;/</span><span style="color:#22863A;">template</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">script</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">setup</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#D73A49;">import</span><span style="color:#24292E;"> { FwbP } </span><span style="color:#D73A49;">from</span><span style="color:#24292E;"> </span><span style="color:#032F62;">&#39;flowbite-vue&#39;</span></span>
<span class="line"><span style="color:#24292E;">&lt;/</span><span style="color:#22863A;">script</span><span style="color:#24292E;">&gt;</span></span></code></pre></div>`,3),_=JSON.parse('{"title":"Vue Paragraph - Flowbite","description":"","frontmatter":{},"headers":[],"relativePath":"components/paragraph.md","filePath":"components/paragraph.md"}'),m={name:"components/paragraph.md"},x=Object.assign(m,{setup(o){return(c,r)=>(t(),p("div",null,[u,s(y),g,s(h)]))}});export{_ as __pageData,x as default};
