pill

Overview

See the below:

pills

Standard Attributes

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>

Advanced Attributes

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

show-if

hide-if