LabelToggle

Demos

LabelToggle renders two labels (a default and a toggle label); client JS (initLabelToggles) swaps which one is visible by flipping the data-label-toggle attribute. Both labels are present in the markup below.

Default

Fullscreen
import { LabelToggle } from 'marketing-ui'

function Demo() {
  return (
    <LabelToggle
      default={{ children: 'Mehr anzeigen' }}
      toggle={{ children: 'Weniger anzeigen' }}
    />
  )
}

export default Demo

Props