Skeleton
Eine Ladeplatzhalter-Komponente mit drei Formvarianten. Verwendet eine Pulsanimation zur Anzeige des Ladezustands. Kombinieren Sie mehrere Skeletons, um Karten-, Listen- oder Inhaltsladeplatzhalter zu erstellen.
Vorschau & Code
_skeleton.html.erb
███
████████ █████████ █████████
██████
███ ██████ █████████████████████ ██
███ ██████ ██████████████████████ ████████ ███████ ██
███ ██████ ██████████████████████ ████████ ███████████ █████ ███ ██
███ ██████ ██████████████████████ ██████ ███████ ██
██
skeleton_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
████████ █ ███████ ██████ █████████████████
█████ █ █████ ██ ██████████
███████████ █████████ ██████ ██████
███ ███████████████████ ██████ █████ ████ ██████ ████ ████████████████
████████ █ ██████████████
skeleton_component.html.erb
████ ██████████ ████████████████ ██████████
Änderungsprotokoll
- Initial release with text, circle, and rectangle variants
- Pulse animation for loading indication
- Size presets (sm, md, lg) for each variant
- Dark mode support
Vollzugang erhalten
Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.
Jetzt Zugang erhalten