Health Design System
version 1.4.0-alpha.18
Loading: Default
Ready
Notes
HTML
Info
There are no notes for this item.
<
div
class
=
"health-loading health-loading--active"
>
</
div
>
Handle:
@loading--default
Variants
(3)
:
Default
,
Small
,
Search
Preview:
With layout
Component only
Filesystem Path:
components/01-components/loading/loading.hbs
documentation
Introduction
Getting started
components
Colours
Colour Palette
Applying To Components
Components
Typography
Abbreviations
Definition List
Headings
Icons
Lists
Default
Large
Large Plain
Checklist
Paragraph
Default
Introduction
Introduction Dark
Minor
Align Right
Align Center
Accordion
Default
Small
Back To Top
Band
Default
Hotline
Cards Image
Cards Call To Action
Cards Audience
Cards Resources
Cards Image Vertical
Featured
Image Text Horizontal
Video Listing
Statistics
Book navigation
Breadcrumb
Callout
Default
Colour Secondary
Colour Tertiary
Colour Success
Simple
Card
Image
Resource
Full Image
Call To Action
Audience
Image Vertical
Compare
Facet
Field
Default
Label Light
Inline
Inline Wide
No Label
Figure
File
Filter
Footer
Footnotes
Form
Button
Default
Secondary
Tertiary
Checkboxes
Default
Error
Label Mandatory
Radios
Default
Error
Select
Default
Error
Text
Default
Error
Counter
Text Area
Default
Error
Counter
Header
Default
Aligned
Simple
Hero
Default
Call To Action
Image
Default
Border
Link
Border Link
Inline Reference
Default
Contact
Video
Inpage Nav
Default
Dynamic
Listing
Default
Compact
Loading
Default
Small
Search
Main navigation
Default
Dark
Metadata
Page Alerts
Default
Success
Warning
Error
Pager
References
Release Status
Default
Beta
Launch
Search
Search Result
Separator
Side Nav
Default
Alternative
Spacing
Default
Standard Gap
Standard Gap Mobile Only
Standard Gap Bottom
Sub Header
Content
Campaign
Sub Nav
Subtitle
Table
Tabs
Default
Mobile Scroll
Toolbar
Tooltip
Video
Default
Preview
Full Page Examples
Campaign Page
Content Page
Fields Page
Form Page
Default
Error
Landing Page
Listing page
Search page