Text

This is Twig implementation of the Link component.

Basic example usage:

                                                
                                                <Link href="#">Link</Link>

Advanced example usage:

                                                
                                                <Link
                                                    href="#"
                                                    color="primary"
                                                    isUnderlined
                                                >
                                                    Primary Underlined Link
                                                </Link>

Without lexer:

                                                
                                                {% embed "@spirit/link.twig" with { props: {
                                                    color: 'primary',
                                                    href: '/'
                                                }} %}
                                                    {% block content %}
                                                        Primary Link
                                                    {% 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.