@warp-ds/elements 2.9.1-next.2 → 2.9.1-next.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +91 -262
- package/dist/docs/affix/affix.md +9 -10
- package/dist/docs/affix/api.md +9 -10
- package/dist/docs/alert/alert.md +4 -2
- package/dist/docs/alert/api.md +4 -2
- package/dist/docs/attention/api.md +21 -16
- package/dist/docs/attention/attention.md +21 -16
- package/dist/docs/badge/api.md +5 -6
- package/dist/docs/badge/badge.md +5 -6
- package/dist/docs/box/api.md +3 -4
- package/dist/docs/box/box.md +3 -4
- package/dist/docs/breadcrumbs/accessibility.md +46 -0
- package/dist/docs/breadcrumbs/api.md +8 -8
- package/dist/docs/breadcrumbs/breadcrumbs.md +127 -9
- package/dist/docs/breadcrumbs/examples.md +35 -0
- package/dist/docs/breadcrumbs/usage.md +36 -0
- package/dist/docs/button/api.md +15 -13
- package/dist/docs/button/button.md +15 -13
- package/dist/docs/card/api.md +5 -6
- package/dist/docs/card/card.md +5 -6
- package/dist/docs/combobox/api.md +18 -19
- package/dist/docs/combobox/combobox.md +18 -19
- package/dist/docs/datepicker/api.md +38 -39
- package/dist/docs/datepicker/datepicker.md +38 -39
- package/dist/docs/expandable/api.md +11 -12
- package/dist/docs/expandable/expandable.md +11 -12
- package/dist/docs/link/api.md +8 -6
- package/dist/docs/link/link.md +8 -6
- package/dist/docs/page-indicator/api.md +7 -8
- package/dist/docs/page-indicator/page-indicator.md +7 -8
- package/dist/docs/pagination/api.md +17 -9
- package/dist/docs/pagination/pagination.md +17 -9
- package/dist/docs/pill/api.md +30 -17
- package/dist/docs/pill/pill.md +30 -17
- package/dist/docs/select/api.md +17 -9
- package/dist/docs/select/select.md +17 -9
- package/dist/docs/slider/api.md +37 -116
- package/dist/docs/slider/examples.md +331 -0
- package/dist/docs/slider/slider.md +378 -118
- package/dist/docs/slider/usage.md +10 -0
- package/dist/docs/slider-thumb/api.md +26 -79
- package/dist/docs/slider-thumb/slider-thumb.md +26 -81
- package/dist/docs/step/api.md +3 -4
- package/dist/docs/step/step.md +3 -4
- package/dist/docs/step-indicator/api.md +3 -4
- package/dist/docs/step-indicator/step-indicator.md +3 -4
- package/dist/docs/switch/api.md +13 -5
- package/dist/docs/switch/switch.md +13 -5
- package/dist/docs/tab/api.md +9 -62
- package/dist/docs/tab/tab.md +9 -70
- package/dist/docs/tab-panel/api.md +7 -11
- package/dist/docs/tab-panel/tab-panel.md +7 -19
- package/dist/docs/tabs/accessibility.md +11 -0
- package/dist/docs/tabs/api.md +10 -18
- package/dist/docs/tabs/examples.md +68 -0
- package/dist/docs/tabs/tabs.md +97 -20
- package/dist/docs/tabs/usage.md +8 -0
- package/dist/docs/textarea/api.md +15 -16
- package/dist/docs/textarea/textarea.md +15 -16
- package/dist/docs/textfield/api.md +14 -15
- package/dist/docs/textfield/textfield.md +14 -15
- package/dist/index.d.ts +124 -242
- package/dist/packages/affix/affix.js +11 -12
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/alert/alert.d.ts +1 -1
- package/dist/packages/alert/alert.js.map +1 -1
- package/dist/packages/attention/attention.d.ts +3 -2
- package/dist/packages/attention/attention.js +27 -28
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -8
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/button/button.d.ts +4 -2
- package/dist/packages/button/button.js +14 -15
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/card/card.js +8 -9
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.js +15 -16
- package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -1
- package/dist/packages/combobox/combobox.js +13 -14
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/locales/da/messages.mjs +1 -1
- package/dist/packages/combobox/locales/en/messages.mjs +1 -1
- package/dist/packages/combobox/locales/fi/messages.mjs +1 -1
- package/dist/packages/combobox/locales/nb/messages.mjs +1 -1
- package/dist/packages/combobox/locales/sv/messages.mjs +1 -1
- package/dist/packages/datepicker/datepicker.d.ts +2 -0
- package/dist/packages/datepicker/datepicker.js +51 -52
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/locales/da/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/en/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/fi/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/nb/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/sv/messages.mjs +1 -1
- package/dist/packages/link/link.d.ts +2 -0
- package/dist/packages/modal-header/modal-header.js +13 -14
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.js +7 -8
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/pagination/locales/da/messages.mjs +1 -1
- package/dist/packages/pagination/locales/en/messages.mjs +1 -1
- package/dist/packages/pagination/locales/fi/messages.mjs +1 -1
- package/dist/packages/pagination/locales/nb/messages.mjs +1 -1
- package/dist/packages/pagination/locales/sv/messages.mjs +1 -1
- package/dist/packages/pagination/pagination.js +31 -32
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pagination/pagination.test.js +38 -0
- package/dist/packages/pill/pill.js +11 -12
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/radio/radio.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.js +17 -18
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/select/select.js +19 -20
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/slider/locales/da/messages.mjs +1 -1
- package/dist/packages/slider/locales/en/messages.mjs +1 -1
- package/dist/packages/slider/locales/fi/messages.mjs +1 -1
- package/dist/packages/slider/locales/nb/messages.mjs +1 -1
- package/dist/packages/slider/locales/sv/messages.mjs +1 -1
- package/dist/packages/slider/slider.d.ts +36 -45
- package/dist/packages/slider/slider.js +22 -23
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider-thumb/slider-thumb.d.ts +41 -31
- package/dist/packages/slider-thumb/slider-thumb.js +33 -34
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/step/locales/da/messages.mjs +1 -1
- package/dist/packages/step/locales/en/messages.mjs +1 -1
- package/dist/packages/step/locales/fi/messages.mjs +1 -1
- package/dist/packages/step/locales/nb/messages.mjs +1 -1
- package/dist/packages/step/locales/sv/messages.mjs +1 -1
- package/dist/packages/step/step.js +11 -12
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/switch/switch.d.ts +2 -0
- package/dist/packages/tab/tab.d.ts +31 -24
- package/dist/packages/tab/tab.js +3 -3
- package/dist/packages/tab/tab.js.map +2 -2
- package/dist/packages/tab-panel/tab-panel.d.ts +9 -8
- package/dist/packages/tab-panel/tab-panel.js +3 -3
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/index.d.ts +1 -0
- package/dist/packages/tabs/index.js +0 -1
- package/dist/packages/tabs/react.d.ts +4 -3
- package/dist/packages/tabs/tabs.d.ts +9 -3
- package/dist/packages/tabs/tabs.js +1 -1
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/tabs/tabs.react.stories.d.ts +2 -2
- package/dist/packages/textarea/textarea.d.ts +2 -0
- package/dist/packages/textarea/textarea.js +20 -21
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textfield/textfield.d.ts +2 -0
- package/dist/packages/toast/toast.js +13 -14
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/web-types.json +206 -98
- package/package.json +20 -19
- package/dist/docs/tab/accessibility.md +0 -1
- package/dist/docs/tab/examples.md +0 -1
- package/dist/docs/tab/usage.md +0 -1
- package/dist/docs/tab-panel/accessibility.md +0 -1
- package/dist/docs/tab-panel/examples.md +0 -1
- package/dist/docs/tab-panel/usage.md +0 -1
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
## API
|
|
1
|
+
## `<w-pagination>` API
|
|
2
|
+
|
|
3
|
+
Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
|
|
2
4
|
|
|
3
5
|
### Properties
|
|
4
6
|
|
|
5
7
|
| Name | Type | Default | Summary |
|
|
6
8
|
|-|-|-|-|
|
|
7
|
-
|
|
|
8
|
-
|
|
|
9
|
+
| base-url | `string` | `-` | - |
|
|
10
|
+
| current-page | `number` | `-` | - |
|
|
9
11
|
| pages | `number` | `-` | - |
|
|
10
|
-
|
|
|
12
|
+
| visible-pages | `number` | `-` | - |
|
|
11
13
|
|
|
12
14
|
### Property Details
|
|
13
15
|
|
|
14
|
-
####
|
|
16
|
+
#### base-url
|
|
15
17
|
|
|
16
18
|
|
|
17
19
|
|
|
18
20
|
- Type: `string`
|
|
19
21
|
- Default: `-`
|
|
20
22
|
|
|
21
|
-
####
|
|
23
|
+
#### current-page
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
|
|
@@ -32,13 +34,19 @@
|
|
|
32
34
|
- Type: `number`
|
|
33
35
|
- Default: `-`
|
|
34
36
|
|
|
35
|
-
####
|
|
37
|
+
#### visible-pages
|
|
36
38
|
|
|
37
39
|
|
|
38
40
|
|
|
39
41
|
- Type: `number`
|
|
40
42
|
- Default: `-`
|
|
41
43
|
|
|
42
|
-
###
|
|
44
|
+
### Events
|
|
45
|
+
|
|
46
|
+
#### page-click
|
|
47
|
+
|
|
48
|
+
Triggered when a link button in the pagination is clicked. Contains the page number in `string` form.
|
|
49
|
+
|
|
50
|
+
- Type: `CustomEvent`
|
|
51
|
+
|
|
43
52
|
|
|
44
|
-
No types documented.
|
|
@@ -12,27 +12,29 @@ Pagination allows users to navigate through multiple pages of content by providi
|
|
|
12
12
|
|
|
13
13
|
## Examples
|
|
14
14
|
|
|
15
|
-
## API
|
|
15
|
+
## `<w-pagination>` API
|
|
16
|
+
|
|
17
|
+
Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
|
|
16
18
|
|
|
17
19
|
### Properties
|
|
18
20
|
|
|
19
21
|
| Name | Type | Default | Summary |
|
|
20
22
|
|-|-|-|-|
|
|
21
|
-
|
|
|
22
|
-
|
|
|
23
|
+
| base-url | `string` | `-` | - |
|
|
24
|
+
| current-page | `number` | `-` | - |
|
|
23
25
|
| pages | `number` | `-` | - |
|
|
24
|
-
|
|
|
26
|
+
| visible-pages | `number` | `-` | - |
|
|
25
27
|
|
|
26
28
|
### Property Details
|
|
27
29
|
|
|
28
|
-
####
|
|
30
|
+
#### base-url
|
|
29
31
|
|
|
30
32
|
|
|
31
33
|
|
|
32
34
|
- Type: `string`
|
|
33
35
|
- Default: `-`
|
|
34
36
|
|
|
35
|
-
####
|
|
37
|
+
#### current-page
|
|
36
38
|
|
|
37
39
|
|
|
38
40
|
|
|
@@ -46,13 +48,19 @@ Pagination allows users to navigate through multiple pages of content by providi
|
|
|
46
48
|
- Type: `number`
|
|
47
49
|
- Default: `-`
|
|
48
50
|
|
|
49
|
-
####
|
|
51
|
+
#### visible-pages
|
|
50
52
|
|
|
51
53
|
|
|
52
54
|
|
|
53
55
|
- Type: `number`
|
|
54
56
|
- Default: `-`
|
|
55
57
|
|
|
56
|
-
###
|
|
58
|
+
### Events
|
|
59
|
+
|
|
60
|
+
#### page-click
|
|
61
|
+
|
|
62
|
+
Triggered when a link button in the pagination is clicked. Contains the page number in `string` form.
|
|
63
|
+
|
|
64
|
+
- Type: `CustomEvent`
|
|
65
|
+
|
|
57
66
|
|
|
58
|
-
No types documented.
|
package/dist/docs/pill/api.md
CHANGED
|
@@ -1,35 +1,37 @@
|
|
|
1
|
-
## API
|
|
1
|
+
## `<w-pill>` API
|
|
2
|
+
|
|
3
|
+
Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
|
|
2
4
|
|
|
3
5
|
### Properties
|
|
4
6
|
|
|
5
7
|
| Name | Type | Default | Summary |
|
|
6
8
|
|-|-|-|-|
|
|
7
|
-
|
|
|
8
|
-
|
|
|
9
|
-
|
|
|
10
|
-
|
|
|
11
|
-
| openFilterSrText | `unknown` | `-` | - |
|
|
12
|
-
|
|
|
13
|
-
| removeFilterSrText | `unknown` | `-` | - |
|
|
9
|
+
| can-close | `boolean` | `false` | - |
|
|
10
|
+
| close-aria-label | `string` | `-` | - |
|
|
11
|
+
| close-sr-label | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
|
|
12
|
+
| open-aria-label | `string` | `-` | - |
|
|
13
|
+
| openFilterSrText (JS only) | `unknown` | `-` | - |
|
|
14
|
+
| open-sr-label | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
|
|
15
|
+
| removeFilterSrText (JS only) | `unknown` | `-` | - |
|
|
14
16
|
| suggestion | `boolean` | `false` | - |
|
|
15
17
|
|
|
16
18
|
### Property Details
|
|
17
19
|
|
|
18
|
-
####
|
|
20
|
+
#### can-close
|
|
19
21
|
|
|
20
22
|
|
|
21
23
|
|
|
22
24
|
- Type: `boolean`
|
|
23
25
|
- Default: `false`
|
|
24
26
|
|
|
25
|
-
####
|
|
27
|
+
#### close-aria-label
|
|
26
28
|
|
|
27
29
|
|
|
28
30
|
|
|
29
31
|
- Type: `string`
|
|
30
32
|
- Default: `-`
|
|
31
33
|
|
|
32
|
-
####
|
|
34
|
+
#### close-sr-label
|
|
33
35
|
|
|
34
36
|
**Deprecated**: Used "close-arial-label" instead.
|
|
35
37
|
|
|
@@ -38,21 +40,21 @@
|
|
|
38
40
|
- Type: `string`
|
|
39
41
|
- Default: `-`
|
|
40
42
|
|
|
41
|
-
####
|
|
43
|
+
#### open-aria-label
|
|
42
44
|
|
|
43
45
|
|
|
44
46
|
|
|
45
47
|
- Type: `string`
|
|
46
48
|
- Default: `-`
|
|
47
49
|
|
|
48
|
-
#### openFilterSrText
|
|
50
|
+
#### openFilterSrText (JS only)
|
|
49
51
|
|
|
50
52
|
|
|
51
53
|
|
|
52
54
|
- Type: `unknown`
|
|
53
55
|
- Default: `-`
|
|
54
56
|
|
|
55
|
-
####
|
|
57
|
+
#### open-sr-label
|
|
56
58
|
|
|
57
59
|
**Deprecated**: Used "open-arial-label" instead.
|
|
58
60
|
|
|
@@ -61,7 +63,7 @@
|
|
|
61
63
|
- Type: `string`
|
|
62
64
|
- Default: `-`
|
|
63
65
|
|
|
64
|
-
#### removeFilterSrText
|
|
66
|
+
#### removeFilterSrText (JS only)
|
|
65
67
|
|
|
66
68
|
|
|
67
69
|
|
|
@@ -75,6 +77,17 @@
|
|
|
75
77
|
- Type: `boolean`
|
|
76
78
|
- Default: `false`
|
|
77
79
|
|
|
78
|
-
###
|
|
80
|
+
### Events
|
|
81
|
+
|
|
82
|
+
#### w-pill-click
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
- Type: `CustomEvent`
|
|
87
|
+
#### w-pill-close
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
- Type: `CustomEvent`
|
|
92
|
+
|
|
79
93
|
|
|
80
|
-
No types documented.
|
package/dist/docs/pill/pill.md
CHANGED
|
@@ -12,38 +12,40 @@ Pill is a type of button that is often used as a filter, but can also be used as
|
|
|
12
12
|
|
|
13
13
|
## Examples
|
|
14
14
|
|
|
15
|
-
## API
|
|
15
|
+
## `<w-pill>` API
|
|
16
|
+
|
|
17
|
+
Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
|
|
16
18
|
|
|
17
19
|
### Properties
|
|
18
20
|
|
|
19
21
|
| Name | Type | Default | Summary |
|
|
20
22
|
|-|-|-|-|
|
|
21
|
-
|
|
|
22
|
-
|
|
|
23
|
-
|
|
|
24
|
-
|
|
|
25
|
-
| openFilterSrText | `unknown` | `-` | - |
|
|
26
|
-
|
|
|
27
|
-
| removeFilterSrText | `unknown` | `-` | - |
|
|
23
|
+
| can-close | `boolean` | `false` | - |
|
|
24
|
+
| close-aria-label | `string` | `-` | - |
|
|
25
|
+
| close-sr-label | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
|
|
26
|
+
| open-aria-label | `string` | `-` | - |
|
|
27
|
+
| openFilterSrText (JS only) | `unknown` | `-` | - |
|
|
28
|
+
| open-sr-label | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
|
|
29
|
+
| removeFilterSrText (JS only) | `unknown` | `-` | - |
|
|
28
30
|
| suggestion | `boolean` | `false` | - |
|
|
29
31
|
|
|
30
32
|
### Property Details
|
|
31
33
|
|
|
32
|
-
####
|
|
34
|
+
#### can-close
|
|
33
35
|
|
|
34
36
|
|
|
35
37
|
|
|
36
38
|
- Type: `boolean`
|
|
37
39
|
- Default: `false`
|
|
38
40
|
|
|
39
|
-
####
|
|
41
|
+
#### close-aria-label
|
|
40
42
|
|
|
41
43
|
|
|
42
44
|
|
|
43
45
|
- Type: `string`
|
|
44
46
|
- Default: `-`
|
|
45
47
|
|
|
46
|
-
####
|
|
48
|
+
#### close-sr-label
|
|
47
49
|
|
|
48
50
|
**Deprecated**: Used "close-arial-label" instead.
|
|
49
51
|
|
|
@@ -52,21 +54,21 @@ Pill is a type of button that is often used as a filter, but can also be used as
|
|
|
52
54
|
- Type: `string`
|
|
53
55
|
- Default: `-`
|
|
54
56
|
|
|
55
|
-
####
|
|
57
|
+
#### open-aria-label
|
|
56
58
|
|
|
57
59
|
|
|
58
60
|
|
|
59
61
|
- Type: `string`
|
|
60
62
|
- Default: `-`
|
|
61
63
|
|
|
62
|
-
#### openFilterSrText
|
|
64
|
+
#### openFilterSrText (JS only)
|
|
63
65
|
|
|
64
66
|
|
|
65
67
|
|
|
66
68
|
- Type: `unknown`
|
|
67
69
|
- Default: `-`
|
|
68
70
|
|
|
69
|
-
####
|
|
71
|
+
#### open-sr-label
|
|
70
72
|
|
|
71
73
|
**Deprecated**: Used "open-arial-label" instead.
|
|
72
74
|
|
|
@@ -75,7 +77,7 @@ Pill is a type of button that is often used as a filter, but can also be used as
|
|
|
75
77
|
- Type: `string`
|
|
76
78
|
- Default: `-`
|
|
77
79
|
|
|
78
|
-
#### removeFilterSrText
|
|
80
|
+
#### removeFilterSrText (JS only)
|
|
79
81
|
|
|
80
82
|
|
|
81
83
|
|
|
@@ -89,6 +91,17 @@ Pill is a type of button that is often used as a filter, but can also be used as
|
|
|
89
91
|
- Type: `boolean`
|
|
90
92
|
- Default: `false`
|
|
91
93
|
|
|
92
|
-
###
|
|
94
|
+
### Events
|
|
95
|
+
|
|
96
|
+
#### w-pill-click
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
- Type: `CustomEvent`
|
|
101
|
+
#### w-pill-close
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
- Type: `CustomEvent`
|
|
106
|
+
|
|
93
107
|
|
|
94
|
-
No types documented.
|
package/dist/docs/select/api.md
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
## API
|
|
1
|
+
## `<w-select>` API
|
|
2
|
+
|
|
3
|
+
Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
|
|
2
4
|
|
|
3
5
|
### Properties
|
|
4
6
|
|
|
5
7
|
| Name | Type | Default | Summary |
|
|
6
8
|
|-|-|-|-|
|
|
7
9
|
| always | `boolean` | `false` | Whether to always show a hint.. **Deprecated**: Use `help-text` instead and only set it if you want to display the help text. |
|
|
8
|
-
|
|
|
10
|
+
| auto-focus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
|
|
9
11
|
| autofocus | `boolean` | `false` | Whether the element should receive focus on render |
|
|
10
12
|
| disabled | `boolean` | `false` | Renders the field in a disabled state. |
|
|
11
|
-
|
|
|
13
|
+
| help-text | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
|
|
12
14
|
| hint | `string` | `-` | The content displayed as the help text.. **Deprecated**: Use `help-text` instead. |
|
|
13
15
|
| invalid | `boolean` | `false` | Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. |
|
|
14
16
|
| label | `string` | `-` | The content to disply as the label |
|
|
15
17
|
| name | `string` | `-` | - |
|
|
16
18
|
| optional | `boolean` | `false` | Whether to show optional text |
|
|
17
|
-
|
|
|
19
|
+
| read-only | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
|
|
18
20
|
| readonly | `boolean` | `false` | Renders the field in a readonly state. |
|
|
19
21
|
| value | `string` | `-` | - |
|
|
20
22
|
|
|
@@ -29,7 +31,7 @@ Whether to always show a hint.
|
|
|
29
31
|
- Type: `boolean`
|
|
30
32
|
- Default: `false`
|
|
31
33
|
|
|
32
|
-
####
|
|
34
|
+
#### auto-focus
|
|
33
35
|
|
|
34
36
|
**Deprecated**: Use the native `autofocus` attribute instead.
|
|
35
37
|
|
|
@@ -52,7 +54,7 @@ Renders the field in a disabled state.
|
|
|
52
54
|
- Type: `boolean`
|
|
53
55
|
- Default: `false`
|
|
54
56
|
|
|
55
|
-
####
|
|
57
|
+
#### help-text
|
|
56
58
|
|
|
57
59
|
The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
|
|
58
60
|
|
|
@@ -96,7 +98,7 @@ Whether to show optional text
|
|
|
96
98
|
- Type: `boolean`
|
|
97
99
|
- Default: `false`
|
|
98
100
|
|
|
99
|
-
####
|
|
101
|
+
#### read-only
|
|
100
102
|
|
|
101
103
|
**Deprecated**: Use the native readonly attribute instead.
|
|
102
104
|
|
|
@@ -119,6 +121,12 @@ Renders the field in a readonly state.
|
|
|
119
121
|
- Type: `string`
|
|
120
122
|
- Default: `-`
|
|
121
123
|
|
|
122
|
-
###
|
|
124
|
+
### Events
|
|
125
|
+
|
|
126
|
+
#### change
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
- Type: `CustomEvent`
|
|
131
|
+
|
|
123
132
|
|
|
124
|
-
No types documented.
|
|
@@ -12,23 +12,25 @@ A dropdown component for selecting a single value.
|
|
|
12
12
|
|
|
13
13
|
## Examples
|
|
14
14
|
|
|
15
|
-
## API
|
|
15
|
+
## `<w-select>` API
|
|
16
|
+
|
|
17
|
+
Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
|
|
16
18
|
|
|
17
19
|
### Properties
|
|
18
20
|
|
|
19
21
|
| Name | Type | Default | Summary |
|
|
20
22
|
|-|-|-|-|
|
|
21
23
|
| always | `boolean` | `false` | Whether to always show a hint.. **Deprecated**: Use `help-text` instead and only set it if you want to display the help text. |
|
|
22
|
-
|
|
|
24
|
+
| auto-focus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
|
|
23
25
|
| autofocus | `boolean` | `false` | Whether the element should receive focus on render |
|
|
24
26
|
| disabled | `boolean` | `false` | Renders the field in a disabled state. |
|
|
25
|
-
|
|
|
27
|
+
| help-text | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
|
|
26
28
|
| hint | `string` | `-` | The content displayed as the help text.. **Deprecated**: Use `help-text` instead. |
|
|
27
29
|
| invalid | `boolean` | `false` | Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. |
|
|
28
30
|
| label | `string` | `-` | The content to disply as the label |
|
|
29
31
|
| name | `string` | `-` | - |
|
|
30
32
|
| optional | `boolean` | `false` | Whether to show optional text |
|
|
31
|
-
|
|
|
33
|
+
| read-only | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
|
|
32
34
|
| readonly | `boolean` | `false` | Renders the field in a readonly state. |
|
|
33
35
|
| value | `string` | `-` | - |
|
|
34
36
|
|
|
@@ -43,7 +45,7 @@ Whether to always show a hint.
|
|
|
43
45
|
- Type: `boolean`
|
|
44
46
|
- Default: `false`
|
|
45
47
|
|
|
46
|
-
####
|
|
48
|
+
#### auto-focus
|
|
47
49
|
|
|
48
50
|
**Deprecated**: Use the native `autofocus` attribute instead.
|
|
49
51
|
|
|
@@ -66,7 +68,7 @@ Renders the field in a disabled state.
|
|
|
66
68
|
- Type: `boolean`
|
|
67
69
|
- Default: `false`
|
|
68
70
|
|
|
69
|
-
####
|
|
71
|
+
#### help-text
|
|
70
72
|
|
|
71
73
|
The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
|
|
72
74
|
|
|
@@ -110,7 +112,7 @@ Whether to show optional text
|
|
|
110
112
|
- Type: `boolean`
|
|
111
113
|
- Default: `false`
|
|
112
114
|
|
|
113
|
-
####
|
|
115
|
+
#### read-only
|
|
114
116
|
|
|
115
117
|
**Deprecated**: Use the native readonly attribute instead.
|
|
116
118
|
|
|
@@ -133,6 +135,12 @@ Renders the field in a readonly state.
|
|
|
133
135
|
- Type: `string`
|
|
134
136
|
- Default: `-`
|
|
135
137
|
|
|
136
|
-
###
|
|
138
|
+
### Events
|
|
139
|
+
|
|
140
|
+
#### change
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
- Type: `CustomEvent`
|
|
145
|
+
|
|
137
146
|
|
|
138
|
-
No types documented.
|