Package Exports

@neoauto-ui/tag
@neoauto-ui/tag/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@neoauto-ui/tag) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Tag

Installation

yarn add @neoauto-ui/tag

Import

import { Tag } from '@neoauto-ui/tag';

Basic Usage

<Tag>Concesionario</Tag>

Tag icon

To add an icon to the tag, use the icon property.

You can also pass the iconBoxSize prop to change the size of the icon.

<Tag icon={ <Certificate /> }>Concesionario</Tag>
<Tag icon={ <Certificate /> } iconBoxSize="14px">Concesionario</Tag>

Tag variants

Use the variant prop to change the visual style of the Tag. You can set the value to outline, filled, skew or circle.

<Tag icon={ <Map /> } iconBoxSize="14px" variant="outline">Santiago de surco, Lima, Lima</Tag>
<Tag icon={ <Certificate /> } iconBoxSize="14px" variant="filled">Concesionario</Tag>
<Tag variant="skew">PREMIUM</Tag>
<Tag icon={ <Certificate /> } variant="circle" />

Tag sizes

Use the size prop to change the size of the tag. You can set the value to md, sm.

<Tag variant="skew" size="md">Height 40</Tag>
<Tag variant="skew" size="sm">Height 28</Tag>