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)(o,{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.","required":false}},"composes":["VariantProps"]}]'})]})}function C(n={}){let{wrapper:e}=n.components||{};return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(l,n)})):l(n)}var T=C;function p(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return j(b);})(); ;return Component;

Heading

This is an H1 heading

This is an H2 heading

This is an H3 heading

Usage#

API Reference#