@rn-components-kit/tag v1.0.3

Tag

English | 中文

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

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

How to use

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

Props

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

Reference

Props

style

Allow you to customize style

text

Text inside tag to display

type

Determines the tag's type (outline or solid)

color

Determines the tag's color

fontSize

Determines the fontSize of tag's text

paddingHorizontal

Padding value in the horizontal orientation

paddingVertical

Padding value in the vertical orientation

borderRadius

Determines the border radius value of tag

borderColor

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

animatedWhenDisappear

Determines whether an animation enabled when the tag is closed

animationDuration

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

closable

Determines whether a tag can be closed

onClose

(text: string) => void

A callback will be triggered when the tag is closed