Components
Version 2.0

Tag

Aqui va un texto quer describe al componente del cual estamos haciendo referencia en los siguientes ejemplos.

Import

Example code
import Tag from 'components/@ui/tag'

Usage

Example code
<Tag>Javascript</Tag>

Colors

Los colores disponibles para las etiquetas son: primary, primary-light, secondary, secondary-light.

Example code
<div className='flex items-center flex-wrap gap-2'>

  <Tag color='primary'>Javascript</Tag>

  <Tag color='primary-light'>Nextjs</Tag>

  <Tag color='secondary'>reactjs</Tag>

  <Tag color='secondary-light'>Svelte</Tag>

</div>

Anchor

Example code
<Tag as='a' href='/'>Javascript</Tag>
Example code
<Tag 

  as={Link} 

  href='https://nextjs.org/docs/api-reference/next/link'

  target='_blank'

  passHref

>

  Nextjs

</Tag>