UNPKG

carbon-components

Version:

Carbon Components is a component library for IBM Cloud

carbondesignsystem.com

IBM/carbon-components

85 lines (82 loc) • 2.87 kB
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!-- Copyright IBM Corp. 2016, 2018 This source code is licensed under the Apache-2.0 license found in the LICENSE file in the root directory of this source tree. --> <button class="bx--btn bx--btn--secondary" type="button"> Button </button> <button class="bx--btn bx--btn--secondary" type="button" disabled> Button </button> <button class="bx--btn bx--btn--secondary" type="button"> With icon <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" /> </svg> </button> <button class="bx--btn bx--btn--secondary" type="button" disabled> With icon <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" /> </svg> </button> <a class="bx--btn bx--btn--secondary " type="button" role="button" href="#"> Link </a> <a class="bx--btn bx--btn--secondary bx--btn--disabled bx--disabled" type="button" role="button" tabindex="-1"> Link </a> <a class="bx--btn bx--btn--secondary " type="button" role="button" href="#"> Link with icon <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" /> </svg> </a> <a class="bx--btn bx--btn--secondary bx--btn--disabled" type="button" role="button" tabindex="-1"> Link with icon <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" /> </svg> </a> <p class="bx--btn bx--btn--secondary " role="button" tabindex="0"> Alternate root node </p> <p class="bx--btn bx--btn--secondary bx--btn--disabled" role="button" tabindex="-1"> Alternate root node </p> <p class="bx--btn bx--btn--secondary " role="button" tabindex="0"> Alternate root node with icon <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" /> </svg> </p> <p class="bx--btn bx--btn--secondary bx--btn--disabled" role="button" tabindex="-1"> Alternate root node with icon <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" /> </svg> </p>