Skip to main content

Tags

Use _id and name props for connecting with other function.

Color#

Give any color to tag by colorCode prop.

redyellowbluepurplegreen
<>
<Tags tags={[
{_id:0, type:"", name:"red", colorCode:"red"},
{_id:1, type:"", name:"yellow", colorCode:"yellow"},
{_id:2, type:"", name:"blue", colorCode:"blue"},
{_id:3, type:"", name:"purple", colorCode:"purple"},
{_id:4, type:"", name:"green", colorCode:"green"}
]} />
</>

Limit#

Limit number of tags to show by limit prop.

redyellowblue+2
<>
<Tags tags={[
{_id:0, type:"", name:"red", colorCode:"red"},
{_id:1, type:"", name:"yellow", colorCode:"yellow"},
{_id:2, type:"", name:"blue", colorCode:"blue"},
{_id:3, type:"", name:"purple", colorCode:"purple"},
{_id:4, type:"", name:"green", colorCode:"green"}
]} limit={3} />
</>

API#

import Tags from "erxes-ui/lib/components/Tags";

* required prop

NameTypeDefaultDescription
tags*_id*stringDefine tag id
type*stringDefine tag type
name*stringDefine tag name
colorCode*stringSet the tag color
limitnumberLimits number of tags to show
Last updated on by enkhzule