SEEK Style Guide

SEEK Style Guide

Show menu

Search

Guides

Page LayoutTypography

Tools

Form Components

AlertAutosuggestButtonButton GroupCheckboxDropdownField LabelField MessageMonth PickerPillRadioSlide ToggleText FieldTextarea

Layout Components

Accordion ItemAsided LayoutCardCard GroupColumnsHiddenPage BlockPartner SitesRead MoreScreen Reader OnlySectionToggle Content

Other Components

BadgeLoaderLogo

Typography Components

Bullet ListCriticalHighlightInfoPositiveRatingRegularSecondaryStrongTextText Link

Pill

I'm a pillI'm a pillI'm a pillI'm a pillI'm a pillI'm a pill

Close button

import {
  Pill
} from 'seek-style-guide/react';


<Pill onClose={null}>
  I'm a pill
</Pill>

Click to copy

Sketch Symbols

Pill ▸ Static

Pill text

Pill ▸ Interactive

Pill text