Files
Modrinth-plus/docs/routes/components/Chips.md

48 lines
592 B
Markdown
Raw Normal View History

### Simple example
2022-03-20 11:14:46 -07:00
```svelte example raised
<script lang="ts">
2022-06-04 00:46:23 -07:00
import { Chips } from 'omorphia'
2022-03-20 11:14:46 -07:00
</script>
2022-06-04 00:46:23 -07:00
<Chips
options={[
{
label: 'One',
value: 'one',
},
{
label: 'Two',
value: 'two',
},
]} />
```
2022-03-20 11:14:46 -07:00
### Force an option to be selected with `neverEmpty`
```svelte example raised
<script lang="ts">
2022-06-04 00:46:23 -07:00
import { Chips } from 'omorphia'
2022-06-04 00:46:23 -07:00
let foo = 'modpack'
2022-03-20 11:14:46 -07:00
</script>
2022-06-04 00:46:23 -07:00
<Chips
neverEmpty
bind:value={foo}
options={[
{
label: 'Mod',
value: 'mod',
},
{
label: 'Modpack',
value: 'modpack',
},
{
label: 'World',
value: 'world',
},
]} />
```