Tag

Usage

Default

<Tag onPress={() => console.log("View Profile")}>
    View Profile
</Tag>

Outline

<Tag outline onPress={() => console.log("Contact Host")}>
    Contact Host
</Tag>

Small

<Tag small> 
    Sold Out
</Tag>

Light

<Tag small> 
    Sold Out
</Tag>

Gray

<Tag gray> 
    Sold Out
</Tag>

Rate

<Tag rate> 
    4.5
</Tag>

Sale

<Tag sale> 
    4.5
</Tag>

Props

icon

Type: Node
Display icon inside tag item

outline

Type: Boolean
Display tag as outline color format

small

Type: Boolean
Display tag with small item

light

Type: Boolean
Display tag with light color (BaseColor.lightPrimaryColor)

gray

Type: Boolean
Display tag with gray color

rate

Type: Boolean
Display tag with rate format item

sale

Type: Boolean
Display tag with discount format item

style

Type: StyleProp
Customize CSS style ViewStyle