UNPKG

2.82 kBHTMLView Raw
1<!--
2 Copyright IBM Corp. 2016, 2018
3
4 This source code is licensed under the Apache-2.0 license found in the
5 LICENSE file in the root directory of this source tree.
6-->
7
8<button class="bx--btn bx--btn--ghost"
9 type="button">
10 Button
11</button>
12<button class="bx--btn bx--btn--ghost"
13 type="button" disabled>
14 Button
15</button>
16<button class="bx--btn bx--btn--ghost"
17 type="button">
18 With icon
19 <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
20 aria-hidden="true">
21 <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" />
22 </svg>
23</button>
24<button class="bx--btn bx--btn--ghost"
25 type="button" disabled>
26 With icon
27 <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
28 aria-hidden="true">
29 <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" />
30 </svg>
31</button>
32<a class="bx--btn bx--btn--ghost
33 " type="button"
34 role="button" href="#">
35 Link
36</a>
37<a class="bx--btn bx--btn--ghost
38 bx--btn--disabled bx--disabled"
39 type="button" role="button" tabindex="-1">
40 Link
41</a>
42<a class="bx--btn bx--btn--ghost
43 " type="button"
44 role="button" href="#">
45 Link with icon
46 <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
47 aria-hidden="true">
48 <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" />
49 </svg>
50</a>
51<a class="bx--btn bx--btn--ghost bx--btn--disabled"
52 type="button" role="button" tabindex="-1">
53 Link with icon
54 <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
55 aria-hidden="true">
56 <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" />
57 </svg>
58</a>
59<p class="bx--btn bx--btn--ghost
60 " role="button"
61 tabindex="0">
62 Alternate root node
63</p>
64<p class="bx--btn bx--btn--ghost
65 bx--btn--disabled" role="button" tabindex="-1">
66 Alternate root node
67</p>
68<p class="bx--btn bx--btn--ghost
69 " role="button"
70 tabindex="0">
71 Alternate root node with icon
72 <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
73 aria-hidden="true">
74 <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" />
75 </svg>
76</p>
77<p class="bx--btn bx--btn--ghost
78 bx--btn--disabled" role="button" tabindex="-1">
79 Alternate root node with icon
80 <svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
81 aria-hidden="true">
82 <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" />
83 </svg>
84</p>