Form

Form provides the most common controls, including input, textarea, select, checkbox, radio, and switch, as well as their groups.

<script>
    import {Form, FormGroup, Icon, IconButton, Input} from 'svelte-spectre'
</script>

<Form horizontal>
    <h4>Form horizontal</h4>
    <FormGroup>
        <Input validity="success">Success</Input>
    </FormGroup>
    <FormGroup>
        <Input validity="error">Error <Icon slot="iconRight" icon="emoji" /></Input>
    </FormGroup>
    <FormGroup>
        <Input validity="error">Error <IconButton slot="iconRight" icon="emoji" /></Input>
    </FormGroup>
</Form>