Usage

Design Guideline: Text Capitalization

Core design requires this component to be used with capitalized text, but this component does not provide the capitalization. Use capitalized text from an I18n translation when possible; it could require adding a new key. When using capitalized text from I18n is not possible, use CSS text-transform 'capitalize' for title styling or 'uppercase' for all caps.


Props

NameTypeRequiredDefaultDescription
colorfalsegray

Controls the border, background and color of the Pill

defaultvalue

gray

since

10.19.0

onClear
Function
false

It is possible for this component to have an empty value (render placeholder). Enables the x icon. {'(event) => {}'}

since

11.13.1