js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix examples for codepen

Browse Source
This commit is contained in:
Cory LaViska
2022-04-08 10:53:00 -04:00
parent 44a4d13bad
commit a588bdc7b3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/getting-started/form-controls.md
View File

@@ -68,7 +68,7 @@ To make a field required, use the `required` prop. The form will not be submitte
<sl-button type="submit" variant="primary">Submit</sl-button>
</form>
<script>
<script type="module">
const form = document.querySelector('.input-validation-required');
form.addEventListener('submit', event => {
event.preventDefault();
@@ -121,7 +121,7 @@ To restrict a value to a specific [pattern](https://developer.mozilla.org/en-US/
<sl-button type="submit" variant="primary">Submit</sl-button>
</form>
<script>
<script type="module">
const form = document.querySelector('.input-validation-pattern');
form.addEventListener('submit', event => {
event.preventDefault();
@@ -164,7 +164,7 @@ Some input types will automatically trigger constraints, such as `email` and `ur
<sl-button type="submit" variant="primary">Submit</sl-button>
</form>
<script>
<script type="module">
const form = document.querySelector('.input-validation-type');
form.addEventListener('submit', event => {
event.preventDefault();
@@ -207,7 +207,7 @@ To create a custom validation error, pass a non-empty string to the `setCustomVa
<sl-button type="submit" variant="primary">Submit</sl-button>
</form>
<script>
<script type="module">
const form = document.querySelector('.input-validation-custom');
const input = form.querySelector('sl-input');