Anvil/assets/Typography-e595ea96.js
André Jaenisch 7079767402
Updates
2024-02-20 15:10:19 +01:00

28 lines
2.1 KiB
JavaScript

import{j as e}from"./jsx-runtime-b19fd94e.js";import{M as o}from"./index-488c1f0a.js";import{u as r}from"./index-f8617f35.js";import"./iframe-d188e5d0.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"}),`
`,`
`,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};