pill
Last updated
Last updated
See the below:
label
Required
Type: string
(static text, a format string or the return value of a JS/TS function)
Default: none
Shorthand supported? false
The text that is displayed inside the pill.
<list>
<list-item query="projects">
<pills>
<pill label="{duration}" />
</pills>
</list-item>
</list>
color
Optional
Type: string
- can be a named color or #HEX value
Default: primary
Shorthand supported? false
The background color of the pill.
<list>
<list-item query="projects">
<pills>
<pill label="Status" color="$:getStatusColor($object)" />
</pills>
</list-item>
</list>
show-if
and hide-if