Tag

This component is an implementation of a custom tag

Kind


Type


Background


Border Radius


Width and Height


Text Size


Text Color


Bold


Start Enhancer and End Enhancer


OnClick


Tag Props

NameTypeDefaultDescription
idstringID of the element
textstring | numberText of tag
kindprimary | secondary | tertiarySet defined styles of the component
typestandard | success | warning | error | disabledSet the style depending on the type
backgroundstring#B4C4F9Set background color
widthstringSet width size
heightstringSet height size
borderRadiusstring5pxSet border radius
textSizestringSet text size
textColorstringblackSet text color
boldbooleanfalseSet text bold
startEnhancerstring | ReactNodeSet icon to start
endEnhancerstring | ReactNodeSet icon to end
onClickMouseEventHandlerSet onClick function