@luscii-healthtech/web-ui 57.0.0 → 57.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -50,6 +50,28 @@ export declare const NestedList: Story;
|
|
|
50
50
|
* Use the Card's build in hover elevation for a nice effect on the whole card.
|
|
51
51
|
*/
|
|
52
52
|
export declare const InteractiveList: Story;
|
|
53
|
+
/**
|
|
54
|
+
* A list has to say something while its data loads. Compose the skeleton from
|
|
55
|
+
* the same row anatomy you use for the real rows — icon, title, subtitle,
|
|
56
|
+
* accessory — so the layout does not jump when the data arrives.
|
|
57
|
+
*
|
|
58
|
+
* `Skeleton` takes `width`, `height` and `variant`; keep the widths uneven so
|
|
59
|
+
* the placeholder reads as text rather than as a table.
|
|
60
|
+
*
|
|
61
|
+
* The `role="progressbar"` and `aria-label` belong on the list element, not on
|
|
62
|
+
* each row: a screen reader should hear "loading" once, not once per row.
|
|
63
|
+
*/
|
|
64
|
+
export declare const LoadingState: Story;
|
|
65
|
+
/**
|
|
66
|
+
* When there is nothing to show, keep the Card so the page layout stays put and
|
|
67
|
+
* replace the rows with a single line of text. Use `Card.Padding` rather than
|
|
68
|
+
* `UnorderedList.Padding` — there is no list here, and an empty `<ul>` is worse
|
|
69
|
+
* for a screen reader than no `<ul>` at all.
|
|
70
|
+
*
|
|
71
|
+
* Keep the copy specific ("No measurements yet") over generic ("No results"),
|
|
72
|
+
* and add an action only when there is one worth taking.
|
|
73
|
+
*/
|
|
74
|
+
export declare const EmptyState: Story;
|
|
53
75
|
/**
|
|
54
76
|
* Combine multiple patterns: title, icons, accessories, and interactivity.
|
|
55
77
|
* This shows the full flexibility of the compositional approach.
|