This is an H1 heading This is an H2 heading This is an H3 heading

) }`})}),` `,(0,i.jsx)(e.h2,{id:"usage",children:"Usage"}),` `,(0,i.jsx)(e.hr,{}),` `,(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-tsx",children:`import { Heading } from "@medusajs/ui" `})}),` `,(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-tsx",children:`A Title `})}),` `,(0,i.jsx)(e.h2,{id:"api-reference",children:"API Reference"}),` `,(0,i.jsx)(e.hr,{}),` `,(0,i.jsx)(t,{mainComponent:"Heading",specsSrc:'[{"description":"This component is based on the heading element (`h1`, `h2`, etc...) depeneding on the specified level\\nand supports all of its props","methods":[],"displayName":"Heading","props":{"level":{"defaultValue":{"value":"\\"h1\\"","computed":false},"description":"The heading level which specifies which heading element is used.","tsType":{"name":"union","raw":"\\"h1\\" \\\\| \\"h2\\" \\\\| \\"h3\\"","elements":[{"name":"literal","value":"\\"h1\\""},{"name":"literal","value":"\\"h2\\""},{"name":"literal","value":"\\"h3\\""}]},"required":false}},"composes":["VariantProps"]}]'})]})}function T(n={}){let{wrapper:e}=n.components||{};return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(c,n)})):c(n)}var C=T;function h(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return _(w);})(); ;return Component;

Heading

This is an H1 heading

This is an H2 heading

This is an H3 heading

Usage#

API Reference#