Skip to content

Commit

Permalink
feat(link): add download attribute to <sp-link>
Browse files Browse the repository at this point in the history
unsure how this MD file made it into my commit
  • Loading branch information
bengfarrell authored and Westbrook committed Mar 3, 2020
1 parent 16894ba commit aed8639
Showing 1 changed file with 22 additions and 65 deletions.
87 changes: 22 additions & 65 deletions __snapshots__/Dropdown.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
#### `loads`

```html
<sp-menu role="listbox">
Select a Country with a very long label, too long in fact
<sp-menu role="listbox" slot="options">
<sp-menu-item data-js-focus-visible="" role="option" tabindex="0">
Deselect
</sp-menu-item>
Expand Down Expand Up @@ -39,30 +40,36 @@

```html
<sp-icons-medium style="display: none;"></sp-icons-medium>
<button
aria-haspopup="true"
aria-label="Select a Country with a very long label, too long in fact"
id="button"
tabindex="0"
>
<button aria-haspopup="true" id="button" tabindex="0">
<div class="placeholder" id="label">
<slot name="label">
Select a Country with a very long label, too long in fact
</slot>
<slot></slot>
</div>
<sp-icon
class="chevron-down-medium dropdown icon"
name="ui:ChevronDownMedium"
size="s"
></sp-icon>
</button>
<sp-popover id="popover" open="" placement="none"></sp-popover>
<sp-popover direction="bottom" id="popover">
<slot name="options">
<sp-menu-item
aria-disabled="true"
data-js-focus-visible=""
disabled=""
role="option"
tabindex="-1"
>
There are no options currently available.
</sp-menu-item>
</slot>
</sp-popover>
```

#### `renders invalid`

```html
<sp-menu role="listbox">
Select a Country with a very long label, too long in fact
<sp-menu role="listbox" slot="options">
<sp-menu-item data-js-focus-visible="" role="option" tabindex="0">
Deselect
</sp-menu-item>
Expand Down Expand Up @@ -98,16 +105,9 @@

```html
<sp-icons-medium style="display: none;"></sp-icons-medium>
<button
aria-haspopup="true"
aria-label="Select a Country with a very long label, too long in fact"
id="button"
tabindex="0"
>
<button aria-haspopup="true" id="button" tabindex="0">
<div class="placeholder" id="label">
<slot name="label">
Select a Country with a very long label, too long in fact
</slot>
<slot></slot>
</div>
<sp-icon class="alert-small icon" name="ui:AlertSmall" size="s"></sp-icon>
<sp-icon
Expand All @@ -116,56 +116,13 @@
size="s"
></sp-icon>
</button>
<sp-popover id="popover" open="" placement="none"></sp-popover>
```

#### `refocuses on list when open`

```html
<sp-menu role="listbox" slot="options">
<sp-menu-item data-js-focus-visible="" role="menuitem" tabindex="-1">
Deselect
</sp-menu-item>
<sp-menu-item data-js-focus-visible="" role="menuitem" tabindex="-1">
Select Inverse
</sp-menu-item>
<sp-menu-item data-js-focus-visible="" role="menuitem" tabindex="-1">
Feather...
</sp-menu-item>
<sp-menu-item data-js-focus-visible="" role="menuitem" tabindex="-1">
Select and Mask...
</sp-menu-item>
<sp-menu-divider role="separator"></sp-menu-divider>
<sp-menu-item data-js-focus-visible="" role="menuitem" tabindex="-1">
Save Selection
</sp-menu-item>
<sp-menu-item
aria-disabled="true"
data-js-focus-visible=""
disabled=""
role="menuitem"
tabindex="-1"
>
Make Work Path
</sp-menu-item>
</sp-menu>
```

```html
<sp-icons-medium style="display: none;"></sp-icons-medium>
<button aria-haspopup="true" id="button" tabindex="0">
<slot name="icon"></slot>
<div hidden="" id="label">
<slot id="slot"></slot>
</div>
</button>
<sp-popover direction="bottom" id="popover">
<slot name="options">
<sp-menu-item
aria-disabled="true"
data-js-focus-visible=""
disabled=""
role="menuitem"
role="option"
tabindex="-1"
>
There are no options currently available.
Expand Down

0 comments on commit aed8639

Please # to comment.