Jump to section Getting Started: Overview Getting Started: Principles Getting Started: Content guidelines Foundations: Color Foundations: Typography Foundations: Spacing & layout Foundations: Radii & elevation Foundations: Motion Foundations: Iconography Components: Buttons Components: Badges & status Components: Form inputs Components: Cards Components: Tables Components: Navigation Components: Modals & dialogs Components: Tooltips & popovers Components: Combobox Components: Date picker Components: Loading & skeletons Components: Code blocks Patterns: Property card Patterns: Code citation Patterns: Storm event card Patterns: Hail map legend Patterns: Photo packet item Patterns: Jurisdiction picker Patterns: Timeline Components
Loading & skeletons Skeletons match the shape of incoming content — never generic shimmer blocks. Spinner only when the duration is unknown and progress can't be expressed.
Skeleton card Match the actual content shape 1.5s shimmer · respects prefers-reduced-motion
Skeleton table Property Property Status RCV