ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(LionSelect): remove hidden attribute from docs closes #2605 (#2625)

Browse source
This commit is contained in:
MiB-1 2025-11-19 13:21:42 +01:00 committed by GitHub
parent 579e42b339
commit 9a31b1a8db
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/components/select/overview.md
View file

@ -26,7 +26,7 @@ import '@lion/ui/define/lion-select.js';
export const main = () => html` export const main = () => html`
<lion-select name="favoriteColor" label="Favorite color"> <lion-select name="favoriteColor" label="Favorite color">
<select slot="input"> <select slot="input">
<option selected hidden value>Please select</option> <option selected value>Please select</option>
<option value="red">Red</option> <option value="red">Red</option>
<option value="hotpink">Hotpink</option> <option value="hotpink">Hotpink</option>
<option value="teal">Teal</option> <option value="teal">Teal</option>

10
docs/components/select/use-cases.md
View file

@ -27,7 +27,7 @@ You can preselect an option by setting the property modelValue.
```html preview-story ```html preview-story
<lion-select name="favoriteColor" label="Favorite color" .modelValue="${'hotpink'}"> <lion-select name="favoriteColor" label="Favorite color" .modelValue="${'hotpink'}">
<select slot="input"> <select slot="input">
<option selected hidden value>Please select</option> <option selected value>Please select</option>
<option value="red">Red</option> <option value="red">Red</option>
<option value="hotpink">Hotpink</option> <option value="hotpink">Hotpink</option>
<option value="teal">Teal</option> <option value="teal">Teal</option>
@ -42,7 +42,7 @@ You can disable an option by adding the `disabled` attribute to an option.
```html preview-story ```html preview-story
<lion-select name="favoriteColor" label="Favorite color"> <lion-select name="favoriteColor" label="Favorite color">
<select slot="input"> <select slot="input">
<option selected hidden value>Please select</option> <option selected value>Please select</option>
<option value="red">Red</option> <option value="red">Red</option>
<option value="hotpink" disabled>Hotpink</option> <option value="hotpink" disabled>Hotpink</option>
<option value="teal">Teal</option> <option value="teal">Teal</option>
@ -55,7 +55,7 @@ Or by setting the `disabled` attribute on the entire `lion-select` field.
```html preview-story ```html preview-story
<lion-select name="favoriteColor" label="Favorite color" disabled> <lion-select name="favoriteColor" label="Favorite color" disabled>
<select slot="input"> <select slot="input">
<option selected hidden value>Please select</option> <option selected value>Please select</option>
<option value="red">Red</option> <option value="red">Red</option>
<option value="hotpink">Hotpink</option> <option value="hotpink">Hotpink</option>
<option value="teal">Teal</option> <option value="teal">Teal</option>
@ -89,7 +89,7 @@ class MyOptions extends LitElement {
return html` return html`
<lion-select name="favoriteColor" label="Favorite color" disabled> <lion-select name="favoriteColor" label="Favorite color" disabled>
<select slot="input"> <select slot="input">
<option selected hidden value>Please select</option> <option selected value>Please select</option>
${this.colours.map(colour => html`<option value="${colour}">${colour}</option>`)} ${this.colours.map(colour => html`<option value="${colour}">${colour}</option>`)}
</select> </select>
</lion-select> </lion-select>
@ -115,7 +115,7 @@ render() {
return html` return html`
<lion-select name="favoriteColor" label="Favorite color" disabled> <lion-select name="favoriteColor" label="Favorite color" disabled>
<select slot="input"> <select slot="input">
<option selected hidden value>Please select</option> <option selected value>Please select</option>
${repeat( ${repeat(
this.colours, this.colours,
(colour) => colour, (colour) => colour,