DynamicHeading

import { DynamicHeading } from 'marketing-ui'

function Demo() {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
      <DynamicHeading level={1}>Heading level 1</DynamicHeading>
      <DynamicHeading level={2}>Heading level 2</DynamicHeading>
      <DynamicHeading level={3}>Heading level 3</DynamicHeading>
    </div>
  )
}

export default Demo

import { DynamicHeading } from 'marketing-ui'

function Demo() {
  return (
    <DynamicHeading level={1} className='h4'>
      Level 1 heading styled as h4
    </DynamicHeading>
  )
}

export default Demo