LinkCard

Demos

Fullscreen
import { Badge, Flex, Icon, LinkCard } from 'marketing-ui'
import { IconBag, IconBlock } from 'icons'

function Demo() {
  return (
    <LinkCard
      variant='joblink'
      badge={<Badge variant='brand' label='neu' />}
      heading='Technischer Mitarbeiter Produktsicherheit (m/w/d)'
      reference='Kennziffer 26/26 | Vollzeit'
      link='https://jobs.hoffmanngruppe.de/de/jobs/30462/assistenz-der-geschaftsleitung-mwd-kennziffer-2620-vollzeit'
      footer={
        <>
          <Flex
            direction={{ default: 'horizontal' }}
            gap={{ default: 'macro' }}
          >
            <Icon i={IconBag} /> Forschung und Entwicklung
          </Flex>
          <Flex
            direction={{ default: 'horizontal' }}
            gap={{ default: 'macro' }}
          >
            <Icon i={IconBlock} /> SONAX GmbH
          </Flex>
        </>
      }
    />
  )
}

export default Demo

Props