Skip to content

Commit 0c0332b

Browse files
authored
docs(infieldbutton): adding back in example of small stacked variant (#2172)
1 parent 7bca238 commit 0c0332b

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

components/infieldbutton/metadata/infieldbutton.yml

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,24 @@ examples:
123123
name: Stacked
124124
markup: |
125125
<div class="spectrum-Examples">
126+
<div class="spectrum-Examples-item">
127+
<h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">S</h4>
128+
<button class="spectrum-InfieldButton spectrum-InfieldButton--sizeS spectrum-InfieldButton--top" aria-haspopup="listbox" aria-label="Add">
129+
<div class="spectrum-InfieldButton-fill">
130+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronUp50 spectrum-InfieldButton-icon" focusable="false" aria-hidden="true">
131+
<use xlink:href="#spectrum-css-icon-Chevron50" />
132+
</svg>
133+
</div>
134+
</button>
135+
<button class="spectrum-InfieldButton spectrum-InfieldButton--sizeS spectrum-InfieldButton--bottom" aria-haspopup="listbox" aria-label="Add">
136+
<div class="spectrum-InfieldButton-fill">
137+
<svg class="spectrum-Icon spectrum-UIIcon-ChevronDown50 spectrum-InfieldButton-icon" focusable="false" aria-hidden="true">
138+
<use xlink:href="#spectrum-css-icon-Chevron50" />
139+
</svg>
140+
</div>
141+
</button>
142+
</div>
143+
126144
<div class="spectrum-Examples-item">
127145
<h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M</h4>
128146
<button class="spectrum-InfieldButton spectrum-InfieldButton--sizeM spectrum-InfieldButton--top" aria-haspopup="listbox" aria-label="Add">

0 commit comments

Comments
 (0)