mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
d8881c0b1e
* Initial progress on visual test suite * Additional tests and descriptions * Add native callout, add dividers between tables * Indicate test failures, improve alignment tests * Split tests into separate files * Add table scrolling * Remove irrelevant icon test cases * Add test failures * Shorten "Inline Code" > "Code" to prevent wrapping * Add horizontal orientation to radio button tests
32 lines
1008 B
Plaintext
32 lines
1008 B
Plaintext
<h3>Form Controls</h3>
|
|
|
|
```html {.example}
|
|
<form class="wa-stack">
|
|
<wa-input label="Input" placeholder="Placeholder"></wa-input>
|
|
<wa-select label="Select" value="option-1">
|
|
<wa-option value="option-1">Option 1</wa-option>
|
|
<wa-option value="option-2">Option 2</wa-option>
|
|
<wa-option value="option-3">Option 3</wa-option>
|
|
</wa-select>
|
|
<wa-textarea label="Textarea" placeholder="Placeholder"></wa-textarea>
|
|
<wa-radio-group label="Radio group" name="a" value="1">
|
|
<wa-radio value="1">Option 1</wa-radio>
|
|
<wa-radio value="2">Option 2</wa-radio>
|
|
<wa-radio value="3">Option 3</wa-radio>
|
|
</wa-radio-group>
|
|
<wa-checkbox>Checkbox</wa-checkbox>
|
|
<wa-switch>Switch</wa-switch>
|
|
<wa-slider label="Range"></wa-slider>
|
|
<wa-button>Button</wa-button>
|
|
</form>
|
|
```
|
|
|
|
<h3>Progress</h3>
|
|
|
|
```html {.example}
|
|
<div class="wa-stack">
|
|
<wa-progress-bar value="50" max="100"></wa-progress-bar>
|
|
<wa-progress-ring value="50" max="100"></wa-progress-ring>
|
|
<wa-spinner></wa-spinner>
|
|
</div>
|
|
``` |