English | 中文

Tag for categorizing or markup. It supports the following features:

• customize color
• two types: outline and solid
• closable and its callback

npm install @rn-components-kit/tag --save

Preview	Code
	Demo1 Code
	Demo2 Code
	Demo3 Code

• style
• text
• type
• color
• fontSize
• paddingHorizontal
• paddingVertical
• borderRadius
• borderColor
• animatedWhenDisappear
• animationDuration
• closable
• onClose

Allow you to customize style

Text inside tag to display

Determines the tag's type (outline or solid)

Determines the tag's color

Determines the fontSize of tag's text

Padding value in the horizontal orientation

Padding value in the vertical orientation

Determines the border radius value of tag

Color of tag's border. If it is not set, the default is the same as color

Determines whether an animation enabled when the tag is closed

Determines how long the disappearing animation will take when tag is closed. (ms)

Determines whether a tag can be closed

(text: string) => void

A callback will be triggered when the tag is closed