BleedSection

import { BleedSection } from 'marketing-ui'

function Demo() {
  return (
    <BleedSection>
      <div style={{ padding: '2rem' }}>
        Full-bleed section content
      </div>
    </BleedSection>
  )
}

export default Demo

import { BleedSection } from 'marketing-ui'

function Demo() {
  return (
    <BleedSection backgroundColor='bright-white-100'>
      <div style={{ padding: '2rem' }}>
        Full-bleed section content
      </div>
    </BleedSection>
  )
}

export default Demo