skeleton-loader

// src/components/elements/skeleton-loader/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/elements/toast
type: object
additionalProperties: false
properties:
  initially_hidden:
    type: boolean
    default: false
  skeleton_count:
    type: number
    default: 20

// src/components/elements/skeleton-loader/mocks.yaml

skeleton_count: 20

// src/components/elements/skeleton-loader/skeleton-loader.twig

{{ attach_library('finstral_global/element-skeleton-loader') }}

{% set total_count = skeleton_count|default(20) %}

<skeleton-loader class="SkeletonLoader" skeleton-count="{{ total_count }}" {% if initially_hidden %} hidden {% endif %}></skeleton-loader>