Breadcrumbs

import { Breadcrumbs, BreadcrumbsItem } from 'marketing-ui'

function Demo() {
  return (
    <Breadcrumbs>
      <BreadcrumbsItem label='Home' />
      <BreadcrumbsItem label='Car care' />
    </Breadcrumbs>
  )
}

export default Demo

import { Breadcrumbs, BreadcrumbsItem } from 'marketing-ui'

function Demo() {
  return (
    <>
        <style dangerouslySetInnerHTML={{ __html: `
          body, html {
            background: var(--ui-sonax-red);
          }
        ` }} />
        <Breadcrumbs variant='invert' style={{ marginTop: 0 }}>
          <BreadcrumbsItem label='Home' />
          <BreadcrumbsItem label='Car care' />
        </Breadcrumbs>
    </>
  )
}

export default Demo