Baukasten
Hier sind einige der Elemente die bei der Erstellung von Webapplikationen benutzt werden. Sie sollen bei der Kommunikation und Planung der neuen Anwendung helfen.
Was sind Spinners?
Spinners sind Ladeanimationen, die dem Nutzer signalisieren, dass ein Prozess läuft. Sie kommen als rotierende Kreisanimation oder pulsierendes Element vor und lassen sich direkt in Schaltflächen einbetten, um Lade- und Speicherzustände anzuzeigen. Für Barrierefreiheit benötigen sie ein verstecktes Textlabel, damit Screenreader den Wartezustand vorlesen können.
Border spinner
Use the border spinners for a lightweight loading indicator.
Colors
Alignment
Use flexbox utilities, float utilities, or text alignment utilities to place spinners exactly where you need them in any situation.
Buttons
Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed.
Growing spinner
If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!
Growing Color spinners
Sizes
Add .spinner-border-sm and .spinner-grow-sm to make a smaller spinner that can quickly be used within other components. Or, use custom CSS or inline styles to change the dimensions as needed.