Tag

Tags for skills or filters, which can be clicked or dismissed
The tag elements have been designed to follow the "ghost" button style, which is visible but doesn't take importance out of other elements of the page. We want the user to know that they can interact with this element, and in most cases these elements have the same function as buttons (mind you, they have less importance on pages than other CTAs). These tags are mainly used on PVP, CVP and profiles to let the user navigate through similar categories to that of the project/contest they're on or to look for freelancers with those specific skills. They also appear on search to display which skills you're currently searching and they give you the option of delete the ones you don't want anymore (hence the cross on the right hand side). They can optionally contain icons.
Personal
Startup
Small Business
Corporate
Personal
Startup
Small Business
Corporate
Personal
Startup
Small Business
Corporate
Inputs
borderless ?: boolean = false
color ?: TagColor = TagColor.LIGHT
darkMode ?: boolean = false
fontWeight ?: FontWeight = FontWeight.NORMAL
iconConfig ?: IconConfig
isInvalid ?: boolean
link ?: string
maxLines ?: number = 1
newTab ?: boolean
queryParams ?: QueryParams
selected ?: boolean = false
size ?: TagSize = TagSize.MID
sizeDesktop ?: TagSize
sizeDesktopLarge ?: TagSize
sizeDesktopXLarge ?: TagSize
sizeDesktopXXLarge ?: TagSize
sizeTablet ?: TagSize
textAlign ?: TextAlign
textTransform ?: TextTransform
type ?: TagType = TagType.DEFAULT
Outputs
dismiss ?: any = new EventEmitter<void>()
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.