Blocks

Link

Inline-friendly styled anchor for prose, nav text, and table cells.

Usage

Mirrors Rails' link_to signature. For button-styled anchors, use sui.link_to instead.

sui.link "Read more", "#"

Use variant: to control text color and hover behavior.

Default

sui.link "Default", "#", variant: :default

Underline

sui.link "Underline", "#", variant: :underline

Muted

sui.link "Muted", "#", variant: :muted

Foreground

sui.link "Foreground", "#", variant: :foreground

Destructive

sui.link "Destructive", "#", variant: :destructive

Small

sui.link "Small", "#", size: :sm

Default

sui.link "Default", "#", size: :default

Large

sui.link "Large", "#", size: :lg

Embed inline within paragraphs — text inherits the surrounding color until hover.

Read the documentation or jump straight to examples.

sui.p do
  "Read the " + sui.link("documentation", "#") + " or jump straight to " +
    sui.link("examples", "#", variant: :underline) + "."
end

sui.link is for inline text styling. sui.link_to (in the Button module) renders a button-styled anchor with padding and border.

Click me

sui.link_to "Click me", "#", variant: :outline

Arg	Type	Default	Description
name	String	nil	Link text (or use a block)
options	String / Hash	nil	Path or url_for-compatible options (same as Rails `link_to`)
variant	Symbol	:default	`:default`, `:underline`, `:muted`, `:foreground`, `:destructive`
size	Symbol	:default	`:sm`, `:default`, `:lg`