Skip to content
Nucleus Docs

Pill

<ns-pill>
Overview Guidance Implementation

Overview

A small coloured highlight which can be used to visually draw a customer's attention to a piece of information.

Examples

Configure

Guidance

Implementation

Placement

The ns-pill component can be used in the following components:

  • <ns-card>
  • <ns-selector>
  • <ns-landmark>

Specification

Attributes

colour

Property
colour
Description
The colour of the pill.
Type
cyan lime navy forest slate orange red yellow
Default
slate

icon

Property
icon
Description
The name of the icon to be displayed.
Type
string
Default

type

Property
type
Type
string
Default
standard

Slots

SlotPermitted tagsDescription
Anonymous slotAnonymous slot for content.

This page covers most of the ways you can use ns-pill. Please reach out to us if you are unsure about a potential use. Here are some useful links to related content: