mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
22 lines
590 B
Svelte
22 lines
590 B
Svelte
<script lang="ts">
|
|
import { Form, FormGroup, Checkbox, Button } from "carbon-components-svelte";
|
|
|
|
export let preventDefault = false;
|
|
</script>
|
|
|
|
<Form
|
|
data-testid="form"
|
|
on:submit={(e) => {
|
|
if (preventDefault) {
|
|
e.preventDefault();
|
|
}
|
|
console.log("submit", e);
|
|
}}
|
|
>
|
|
<FormGroup legendText="Checkboxes">
|
|
<Checkbox id="checkbox-0" labelText="Checkbox Label" checked />
|
|
<Checkbox id="checkbox-1" labelText="Checkbox Label" />
|
|
<Checkbox id="checkbox-2" labelText="Checkbox Label" disabled />
|
|
</FormGroup>
|
|
<Button type="submit">Submit</Button>
|
|
</Form>
|