OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- Default -->
<a href="#" data-view-component="true" class="Link">This is a default link color.</a>
<!-- Primary -->
<a href="#" data-view-component="true" class="Link--primary Link">This is a primary link color.</a>
<!-- Primary, Muted -->
<a href="#" data-view-component="true" class="Link--primary Link Link--muted">This is a muted primary link color.</a>
<!-- Secondary -->
<a href="#" data-view-component="true" class="Link--secondary Link">This is a secondary link color.</a>
<!-- Secondary, Muted -->
<a href="#" data-view-component="true" class="Link--secondary Link Link--muted">This is a muted secondary link color.</a>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# Default
render(Primer::Beta::Link.new(href: "#")) { "This is a default link color." }
# Primary
render(Primer::Beta::Link.new(href: "#", scheme: :primary)) { "This is a primary link color." }
# Primary, Muted
render(Primer::Beta::Link.new(href: "#", scheme: :primary, muted: true)) { "This is a muted primary link color." }
# Secondary
render(Primer::Beta::Link.new(href: "#", scheme: :secondary)) { "This is a secondary link color." }
# Secondary, Muted
render(Primer::Beta::Link.new(href: "#", scheme: :secondary, muted: true)) { "This is a muted secondary link color." }

No params configured.