Skip to content
PHIL
Français

Skeleton

component

A placeholder for content on its way, hidden from screen readers; phil-ux stills it under prefers-reduced-motion.

Preview

Light

Code 
<twig:Skeleton style="block-size: 4rem" />

Dark

Code 
<twig:Skeleton style="block-size: 4rem" />

Installation

php bin/console ux:install skeleton --kit=github.com/parler-haut-interagir-librement/ux-kit

Files to copy

templates/components/Skeleton.html.twig 
<div data-slot="skeleton" aria-hidden="true"{{ attributes.defaults({class: 'isSkeleton'}) }}></div>