2.6 KiB

Raw Blame History

Link

Will render an <a href...> element.

This component only adds some styles to a <RouterLink>.


<Link to="/">
  Home
</Link>

Home

Instead of a route, you can set the prop to to any web address starting with http.

Colors and Variants

Solid:

Home Home Home

Outline:

Home Home Home

Ghost:

Home Home Home I'm a button

Shapes

Home

Width and alignment

    <Link solid primary min-content to="/">min-content</Link>
    <Link solid primary tiny to="/">tiny</Link>
    <Link solid primary buttonWidth to="/">buttonWidth</Link>
    <Link solid primary small to="/">small</Link>
    <Link solid primary medium to="/">medium</Link>
    <Link solid primary full to="/">full</Link>
    <Link solid primary auto to="/">auto</Link>
    <hr />
    <Link solid primary alignSelf="start" to="/">🐌</Link>
    <Link solid primary alignSelf="center" to="/">🐌</Link>
    <Link solid primary alignSelf="end" to="/">🐌</Link>
    <hr />
    <Link solid primary alignText="left" to="/">🐌</Link>
    <Link solid primary alignText="center" to="/">🐌</Link>
    <Link solid primary alignText="right" to="/">🐌</Link>

min-content tiny buttonWidth small medium full auto

🐌 🐌 🐌

2.6 KiB Raw Blame History