Spinner

Markdown docs

Spinner

This is Twig implementation of the Spinner component.

Basic example usage:


                                                
                                                <Spinner />

Advanced example usage:


                                                
                                                <Spinner color="secondary" boxSize="36" />

Without lexer:


                                                
                                                {% embed "@spirit/spinner.twig" with { props: {
                                                    color: 'secondary',
                                                    boxSize: 36,
                                                }} %}
                                                {% endembed %}

API

Name Type Default Required Description
color Text Color dictionary null Color variant

👉 Spinner is a wrapper of the Icon component. Please, read Icon documentation to find out which other props can be passed.

On top of the API options, the components accept additional attributes. If you need more control over the styling of a component, you can use style props and escape hatches.

Example