1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | <button class="bx--btn bx--btn--secondary"
|
9 | type="button">
|
10 | Button
|
11 | </button>
|
12 | <button class="bx--btn bx--btn--secondary"
|
13 | type="button" disabled>
|
14 | Button
|
15 | </button>
|
16 | <button class="bx--btn bx--btn--secondary"
|
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--secondary"
|
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--secondary
|
33 | " type="button"
|
34 | role="button" href="#">
|
35 | Link
|
36 | </a>
|
37 | <a class="bx--btn bx--btn--secondary
|
38 | bx--btn--disabled bx--disabled"
|
39 | type="button" role="button" tabindex="-1">
|
40 | Link
|
41 | </a>
|
42 | <a class="bx--btn bx--btn--secondary
|
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--secondary 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--secondary
|
60 | " role="button"
|
61 | tabindex="0">
|
62 | Alternate root node
|
63 | </p>
|
64 | <p class="bx--btn bx--btn--secondary
|
65 | bx--btn--disabled" role="button" tabindex="-1">
|
66 | Alternate root node
|
67 | </p>
|
68 | <p class="bx--btn bx--btn--secondary
|
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--secondary
|
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>
|