Playground

Verwende <SkeletonText />, um eine noch ladende Textzeile darzustellen. Der SkeletonText übernimmt die Schriftgröße und Zeilenhöhe seines Umfelds – platziere ihn deshalb in der Component, die später den Text enthält.

import {
  SkeletonText,
  Text,
} from "@mittwald/flow-react-components";

<Text>
  <SkeletonText />
</Text>

Breite

Ohne weitere Angabe füllt der SkeletonText die volle Breite des umgebenden Elements. Über das width-Property lässt sich die Breite anpassen, damit die Vorschau der erwarteten Textlänge entspricht.

Kombiniere mit ...

Heading