Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!-- Default -->
<span data-view-component="true" class="Label">Default</span>
<!-- Primary -->
<span data-view-component="true" class="Label Label--primary">Primary</span>
<!-- Secondary -->
<span data-view-component="true" class="Label Label--secondary">Secondary</span>
<!-- Accent -->
<span data-view-component="true" class="Label Label--accent">Accent</span>
<!-- Success -->
<span data-view-component="true" class="Label Label--success">Success</span>
<!-- Attention -->
<span data-view-component="true" class="Label Label--attention">Attention</span>
<!-- Danger -->
<span data-view-component="true" class="Label Label--danger">Danger</span>
<!-- Severe -->
<span data-view-component="true" class="Label Label--severe">Severe</span>
<!-- Done -->
<span data-view-component="true" class="Label Label--done">Done</span>
<!-- Sponsors -->
<span data-view-component="true" class="Label Label--sponsors">Sponsors</span>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# Default
render(Primer::Beta::Label.new) { "Default" }
# Primary
render(Primer::Beta::Label.new(scheme: :primary)) { "Primary" }
# Secondary
render(Primer::Beta::Label.new(scheme: :secondary)) { "Secondary" }
# Accent
render(Primer::Beta::Label.new(scheme: :accent)) { "Accent" }
# Success
render(Primer::Beta::Label.new(scheme: :success)) { "Success" }
# Attention
render(Primer::Beta::Label.new(scheme: :attention)) { "Attention" }
# Danger
render(Primer::Beta::Label.new(scheme: :danger)) { "Danger" }
# Severe
render(Primer::Beta::Label.new(scheme: :severe)) { "Severe" }
# Done
render(Primer::Beta::Label.new(scheme: :done)) { "Done" }
# Sponsors
render(Primer::Beta::Label.new(scheme: :sponsors)) { "Sponsors" }