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.
Loader
Testing - Progress Bar
Testing - Progress Bar
No Attributes
Written DOM with children
Hello!
Value = "foobar" (String type)
Value = 12.5 (Float type)
Value = 0 (min value)
Value = 42 (middle value)
Value = 100 (max value)
Value = 9000 (over max)
Value = -25 (under min)