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

remove bad examples

Browse Source
This commit is contained in:
konnorrogers
2024-05-20 18:12:32 -04:00
parent f3953bd5c9
commit 8222334835
2 changed files with 0 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/docs/components/switch.md
View File

@@ -4,22 +4,6 @@ description: Switches allow the user to toggle an option on or off.
layout: component.njk
---
```html {.example}
<form>
<wa-switch name="a" checked>Switch</wa-switch>
<br><br>
<wa-button type="reset">Reset</wa-button>
</form>
```
{% raw %}
```jsx {.react}
import WaSwitch from '@shoelace-style/shoelace/dist/react/switch';
const App = () => <WaSwitch>Switch</WaSwitch>;
```
{% endraw %}
```html {.example}
<wa-switch>Switch</wa-switch>
```

22
docs/docs/experimental/form-validation.md
View File

@@ -4,28 +4,6 @@ description: TODO
layout: page.njk
---
```html {.example}
<form>
<wa-input required name="input" label="Give me a damn name" value="should reset to this"></wa-input>
<br>
<wa-select required name="select" label="Select something asshole"></wa-select>
<br>
<wa-radio-group required name="radio-group">
<wa-radio value="1">Radio 1</wa-radio>
<wa-radio value="2">Radio 2</wa-radio>
<wa-radio value="3">Radio 3</wa-radio>
<wa-radio value="4">Radio 4</wa-radio>
</wa-radio-group>
<br>
<wa-checkbox checked>Check me</wa-checkbox>
<br>
<wa-button type="reset">Reset</wa-button>
</form>
```
Adding the `wa-valid` or `wa-invalid` class to a form control will change its appearance. This is useful for applying validation styles to server-rendered form controls.
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;">