Primitive
Display
Avatar and AvatarGroup
Small
Medium
Large, square, label
Omar
Initials fallback
SC
With delete
AvatarGroup, max 3
+2
AnimatedNumber and MoneyLabel
AnimatedNumber
Number format
MoneyLabel$12,480.50
No decimals$12,480.5
AddressLabel and GoogleMapsLink
GoogleMapsLinkGet Directions
TimeDuration and TruncatedTextWithTooltip
TimeDuration2 years 9 months 14 days
TimeDurationWithFormat2 years 9 months
TruncatedTextWithTooltip
DetailsList and DetailsItem
- Species
- Cat
- Breed
- Domestic Shorthair
- Intake
- Jan 4, 2026
- Microchip
HistoryTimeline
With items
- Adopted by Jane SmithMar 2, 2026
- Application approvedFeb 26, 2026
- Moved to fosterJan 15, 2026
- IntakeJan 4, 2026
Empty
No activity yet.
StepProgress
Step 1 of 3 · Details
Step 3 of 3 · Review
Separator, Spinner, and Icon
SeparatorAbove
Below
Below
Spinner small
Spinner medium
Spinner large
Icon
Container, Logo, and CirclesBackground
Container
Centred content, capped at max-w-7xl with responsive padding.
Logo
CirclesBackground
PhotoCarousel and PhotoLightbox
PhotoCarousel
Empty carousel
No photos yet.
PhotoLightbox