Button Data List Detail Disclosure Field Set Icon Label Link Link Select Menu Modal Panel Select Tabs Tag Text Field Text Field With Prefix

Link

An inline text link, optionally with a leading icon. Dotted underline on hover, solid underline when selected.

PropTypeDefaultNotes
label String nil Link text. Also accepts a content block.
href String nil The link target.
icon String nil Optional leading icon name, rendered via IconComponent (16px).
selected Boolean false When true, carries a persistent solid underline.
**html_options Hash — Any extra HTML attributes (data-*, aria-*, class, …).

Selected

Link 
1
<%= render LinkComponent.new(label: "Link", href: "#", selected: true) %>

Text

Link 
1
<%= render LinkComponent.new(label: "Link", href: "#") %>

With icon

Link 
1
<%= render LinkComponent.new(label: "Link", href: "#", icon: "arrow-right") %>