Skeleton
Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden.GitHubBeispiel
+import Skeleton from "@mittwald/flow-react-components/Skeleton"; + +<Skeleton />; +
+
Benutzerdefinierte Größe
+import Skeleton from "@mittwald/flow-react-components/Skeleton"; + +<Column> + <Skeleton style={{ height: "100px" }} /> + <Skeleton + style={{ + height: "100px", + width: "100px", + borderRadius: "50%", + }} + /> +</Column>; +
+
Accessibility
+Das Skeleton soll von Screenreadern ignoriert werden und enthält deswegen das
+Property aria-hidden.
Die Accessibility eines Ladezustands wird nicht vom Skeleton geregelt.
+Um für den Screenreader erkenntlich zu machen, dass ein Inhalt fertig geladen
+hat sollte dieser im Ladezustand das Property aria-busy, welches auf false
+gesetzt wird, wenn fertig geladen wurde. (s.
+MDN)