Loader
Core

Loader is a component to create animated loaders.

Spinner

Use Tailwind CSS to assign variant (e.g. stroke, opacity).

Use .animate-xt-spinner to assing spinner animation.

SyntaxMixinDescription
Component.animate-xt-spinneranimate-xt-spinnerSpinner animation

Filler

Direction

Use Tailwind CSS to assign size (e.g. width, height).

Use .animate-xt-filler-<direction> to assing filler animation. For <direction> values use x or y.

SyntaxMixinDescription
Component.animate-xt-filler-<direction>animate-xt-filler-<direction>Filler animation

Use Tailwind CSS to assign variant (e.g. background-color, opacity).

Size

Use Tailwind CSS to assign position (e.g. top-right-bottom-left).