Tag

This is Twig implementation of the Tag component.

Basic example usage:

                                                
                                                <Tag>Tag</Tag>

Advanced example usage:

                                                
                                                <Tag color="success" elementType="div" size="small" isSubtle>Tag content</Tag>

Without lexer:

                                                
                                                {% embed "@spirit/tag.twig" with { props: {
                                                    color: 'success',
                                                    elementType: 'div'
                                                    size: 'small',
                                                    isSubtle: 'true'
                                                }} %}
                                                    {% block content %}
                                                        Tag content
                                                    {% endblock %}
                                                {% endembed %}

API

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.