Skip to main content

View Source Report Bug

Guides

Getting Started FAQ React Compatibility Polyfills

Components

Accordion Accordion - Stepper Alert Badge Beacon Box Breadcrumb Button Checkbox Choice (Option) Tile Drawer Dropdown Select Email Input File Grid Icon Layout List Loader - Busy | Progress Menu Modal Navigation - Top Nav Navigation - Sec Nav Navigation - Left Nav Pagination Panel Password Input Pill Popover Radio Reveal Search Selector Strip Switch Table Tabset Text Input Textarea Toast Toggle Tooltip Typography

Custom Elements

<hx-accordion> <hx-accordion-panel> <hx-alert> <hx-beacon> <hx-busy> <hx-checkbox> <hx-checkbox-control> <hx-disclosure> <hx-div> <hx-drawer> <hx-drop-fence> <hx-drop-zone> <hx-error> <hx-email-control> <hx-file-icon> <hx-file-input> <hx-file-tile> <hx-icon> <hx-menu> <hx-menuitem> <hx-modal> <hx-password-control> <hx-pill> <hx-popover> <hx-progress> <hx-radio> <hx-radio-control> <hx-radio-set> <hx-reveal> <hx-search> <hx-search-assistance> <hx-search-control> <hx-select> <hx-select-control> <hx-status> <hx-switch> <hx-switch-control> <hx-tab> <hx-tabcontent> <hx-tablist> <hx-tabpanel> <hx-tabset> <hx-text-control> <hx-textarea-control> <hx-tile> <hx-toast> <hx-toggle> <hx-toggle-control> <hx-tooltip>

UI TESTING: Do not replicate anything on this page within your application.

Pill

Testing - Pill

Testing - Pill

Outside Tables

Persistent

Dismissible

Inside Tables

Persistent

Dismissable

Inside Tables (Condensed)

Persistent

Dismissable

Back to Top

© 2017-2021 Rackspace US, Inc.

Website Terms Privacy Policy

Latest Release: ( v2.4.0-rc.0 )