Badge

Demos

Default

import { Badge } from 'marketing-ui'

function Demo() {
  return <Badge label='Neu' />
}

export default Demo

Invert

import { Badge } from 'marketing-ui'

function Demo() {
  return <Badge variant='invert' label='Neu' />
}

export default Demo

Brand

import { Badge } from 'marketing-ui'

function Demo() {
  return <Badge variant='brand' label='Neu' />
}

export default Demo

Big default

import { Badge } from 'marketing-ui'

function Demo() {
  return <Badge labelSize='big' label='Neu' />
}

export default Demo

Big invert

import { Badge } from 'marketing-ui'

function Demo() {
  return <Badge labelSize='big' variant='invert' label='Neu' />
}

export default Demo

Big brand

import { Badge } from 'marketing-ui'

function Demo() {
  return <Badge labelSize='big' variant='brand' label='Neu' />
}

export default Demo

Props