PrimitivesDisplayBadge
Badge
Status/label chip. Colour, variant, size and shape as legacy koala-badge-* attributes.
Colour
koala-badge-variant="Filled"
Success
Danger
Warning
Info
Neutral
Gold
koala-badge-variant="Outlined"
Success
Danger
Neutral
koala-badge-variant="Dot"
Success
Danger
Neutral
Size & shape
Small
Default
Pill
States
Bool: true
Yes
Bool: false
No
Shimmer
Complete
Lead & pulse
koala-badge-lead="Tick"
Completed
koala-badge-lead="Dot"
Blocked
koala-badge-lead="DotHollow"
Up next
koala-badge-lead="None" (no dot at all)
Up next
Pulse — live/in-progress state
In progress
Pill
koala-pill-icon="MapPin"
Sheffield (hybrid)
No icon
Full-time
koala-pill-size="Small"
Up to £75,000
Role badge
Admin
Org admin
Estate agent
Mortgage broker
Conveyancer admin
Conveyancer
Disabled badge
Disabled
Disabled
Count
5
12
Summary chip
Stamp
Forbidden
Not found
API
koala-badge
NeutralSuccessWarningDangerInfoGoldkoala-badge-variant
FilledOutlinedDotkoala-badge-size
DefaultSmallkoala-badge-shape
RoundedPillkoala-badge-bool
truefalsekoala-badge-shimmer
truefalsekoala-badge-lead
NoneDotDotHollowTickkoala-badge-pulse
truefalsekoala-pill
boolkoala-pill-size
DefaultSmallkoala-pill-icon
IconNamerole
AdminOrganisationAdminEstateAgentMortgageBrokerConveyancerAdminConveyancersmall
bool (koala-role-badge)tooltip
string (koala-role-badge)if-disabled-at
DateTimeOffset?variant
OutlinedFilled (koala-disabled-badge)koala-summary-chip-icon
IconNamekoala-summary-chip-count
int