diff --git a/packages/web-components/src/stories/astro-sandboxes/forms/angular/basic-form/src/app/app.component.html b/packages/web-components/src/stories/astro-sandboxes/forms/angular/basic-form/src/app/app.component.html index 91eed8151..15756e168 100644 --- a/packages/web-components/src/stories/astro-sandboxes/forms/angular/basic-form/src/app/app.component.html +++ b/packages/web-components/src/stories/astro-sandboxes/forms/angular/basic-form/src/app/app.component.html @@ -56,6 +56,20 @@ +
+ + + + + + + + + + + + +
this.profileForm.get('things')?.value), + ] if (target.checked) { this.profileForm.patchValue({ diff --git a/packages/web-components/src/stories/astro-sandboxes/forms/html/index.html b/packages/web-components/src/stories/astro-sandboxes/forms/html/index.html index 238106bc6..507ebd975 100644 --- a/packages/web-components/src/stories/astro-sandboxes/forms/html/index.html +++ b/packages/web-components/src/stories/astro-sandboxes/forms/html/index.html @@ -24,6 +24,7 @@ } +
@@ -49,30 +50,43 @@
+
+ + + + + + + + + + + + +
- + Comments - + Offers - + Events
- - - Everything - - - Same - - - None - + + Everything + Same + None
@@ -83,5 +97,30 @@
+ diff --git a/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/package.json b/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/package.json index 63065b6fe..39caa33d9 100644 --- a/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/package.json +++ b/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/package.json @@ -5,8 +5,8 @@ "keywords": [], "main": "src/index.js", "dependencies": { - "@astrouxds/astro-web-components": "^7.3.0", - "@astrouxds/react": "^7.3.0", + "@astrouxds/astro-web-components": "^7.17.1", + "@astrouxds/react": "^7.17.1", "react": "17.0.2", "react-dom": "17.0.2", "react-scripts": "5.0.1" diff --git a/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/src/App.js b/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/src/App.js index 727f1a08e..358bc5276 100644 --- a/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/src/App.js +++ b/packages/web-components/src/stories/astro-sandboxes/forms/react/basic/src/App.js @@ -10,12 +10,14 @@ import { RuxSlider, RuxButton, RuxOption, + RuxOptionGroup, } from '@astrouxds/react' export default function App() { const [firstName, setFirstName] = useState('') const [lastName, setLastName] = useState('') const [email, setEmail] = useState('') const [countryRegion, setCountryRegion] = useState('United States') + const [multiSelect, setMultiSelect] = useState([]) const [options, setOptions] = useState('') const [range, setRange] = useState(50) const [things, setThings] = useState([]) @@ -27,6 +29,7 @@ export default function App() { Last Name: ${lastName} \n Email: ${email} \n Country/Region: ${countryRegion} \n + MultiSelect: ${multiSelect} \n Options: ${options} \n Things: ${things} \n Range: ${range} \n @@ -42,6 +45,9 @@ export default function App() { setThings(arr.filter((item) => item !== e.target.value)) } } + const handleMultiple = (e) => { + setMultiSelect((multiSelect) => [...multiSelect, e.target.value]) + } return (
handleSubmit(e)}> @@ -78,6 +84,42 @@ export default function App() { >
+
+ handleMultiple(e)} + > + + + + + + + + + + + +
- +
+ + + + + + + + + + + + +
diff --git a/packages/web-components/src/stories/astro-sandboxes/forms/vue/basic/src/main.js b/packages/web-components/src/stories/astro-sandboxes/forms/vue/basic/src/main.js index 042d04fff..89ca4c57c 100644 --- a/packages/web-components/src/stories/astro-sandboxes/forms/vue/basic/src/main.js +++ b/packages/web-components/src/stories/astro-sandboxes/forms/vue/basic/src/main.js @@ -9,7 +9,7 @@ import { Vue.config.productionTip = false Vue.config.ignoredElements = [/rux-\w*/] -// // Bind the custom elements to the window object +// Bind the custom elements to the window object applyPolyfills().then(() => { defineCustomElements() })