Anvil/assets/Typography-0a8c4732.js

29 lines
2.1 KiB
JavaScript
Raw Normal View History

2024-02-17 23:52:33 +01:00
import{j as e}from"./jsx-runtime-61b344fe.js";import{M as o}from"./index-a022834f.js";import{u as r}from"./index-80d4e5bb.js";import"./iframe-8a4a1c5b.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-725317a4.js";import"./index-11d98b33.js";import"./index-a04a29e8.js";import"./index-356e4a49.js";const s="Lorem ipsum dolor sit amet, consectetur";function i(t){const n=Object.assign({h1:"h1",p:"p",h2:"h2"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Typography"}),`
2024-02-15 19:12:34 +01:00
`,`
`,e.jsx(n.h1,{id:"typography",children:"Typography"}),`
`,e.jsx(n.p,{children:`Given that this project uses Tailwind via Skeleton.dev, the usual Storybook
Typeset cannot be used. Instead this is how it will actually be styled:`}),`
`,e.jsx(n.h2,{id:"heading",children:"Heading"}),`
`,e.jsxs("h1",{class:"h1",children:["H1: ",s]}),`
`,e.jsxs("h2",{class:"h2",children:["H2: ",s]}),`
`,e.jsxs("h3",{class:"h3",children:["H3: ",s]}),`
`,e.jsxs("h4",{class:"h4",children:["H4: ",s]}),`
`,e.jsxs("h5",{class:"h5",children:["H5: ",s]}),`
`,e.jsxs("h6",{class:"h6",children:["H6: ",s]}),`
`,e.jsx(n.h2,{id:"paragraph",children:"Paragraph"}),`
`,e.jsx("p",{children:s}),`
`,e.jsx(n.h2,{id:"anchor",children:"Anchor"}),`
`,e.jsx("p",{style:{minHeight:"1em",position:"relative"},children:e.jsx("a",{class:"anchor",href:"/",children:e.jsx(n.p,{children:"Anchor"})})}),`
`,e.jsx(n.h2,{id:"blockquote",children:"Blockquote"}),`
`,e.jsx("blockquote",{class:"blockquote",children:"Blockquote"}),`
`,e.jsx(n.h2,{id:"preformatted-text",children:"Preformatted text"}),`
`,e.jsx("pre",{class:"pre",children:"Preformatted text"}),`
`,e.jsx(n.h2,{id:"code",children:"Code"}),`
`,e.jsx("code",{class:"code",children:"Code"}),`
`,e.jsx(n.h2,{id:"keyboard",children:"Keyboard"}),`
`,e.jsx("kbd",{class:"kbd",children:"Keyboard"}),`
`,e.jsx(n.h2,{id:"insertion",children:"Insertion"}),`
`,e.jsx("ins",{class:"ins",children:"Insertion"}),`
`,e.jsx(n.h2,{id:"deletion",children:"Deletion"}),`
`,e.jsx("del",{class:"del",children:"Deletion"})]})}function u(t={}){const{wrapper:n}=Object.assign({},r(),t.components);return n?e.jsx(n,Object.assign({},t,{children:e.jsx(i,t)})):i(t)}export{s as SampleText,u as default};