Components › States & feedback › Loading › List loader

List loader

canon

The drumming hand shown while a long listing loads or pages in (AD P93); listings only, never buttons.

Size via --lh-scale (default 0.4 ≈ 45 × 28 px), punch-out ground via --lh-bg (default --surface-100).

Used in 14 files · 11 areas · 22× — components/communication, components/kpi, components/segment, components/timeline, pages/AktivitaPage, pages/HovoryStatistikaPage …

@acrm/ui <ListLoader>.acrm-loadhand .lh-hand .lh-finger .lh-item +4Source Story Legacy card Loading (skeleton).html

Examples Code Usage Accessibility Changelog

Import

import { ListLoader } from '@acrm/ui'

Props

ListLoader packages/ui/src/components/ListLoader.tsx

Name	Type	Default	Description
`label`	`string`	`'Načítám…'`	Co uslyší čtečka, jakmile se loader objeví.
`className`	`string`	—	—

CSS classes

.acrm-loadhand.lh-hand.lh-finger.lh-item.lh-joints.lh-nail.lh-thumb.acrm-sr

Files

packages/ui/src/components/ListLoader.tsx
apps/web/src/ds.css

Loader Segment table Item list

List loader

Import

Props

ListLoader packages/ui/src/components/ListLoader.tsx

CSS classes

Files

Related