<Form bind:values {validate} {validators} {onSubmit}

Question

Svelte [svelt] - All about Svelte JavaScript framework.

<Form bind:values {validate} {validators} {onSubmit}

let:values
let:errors
let:submitError
let:state
>
<Input name="name" label="Имя" />

<h3>Расскажешь об увлечениях?</h3>
<Checkbox name="hobbies" label={values.organs ? 'Да' : 'Нет'} />
{#if values.hobbies}
<div class="margin-top" transition:slide|local>
<Input name="sport" type="number" label="Спорт" />
<Input name="movies" type="number" label="Кино" />
<Input name="videogames" type="number" label="Видеоигры" />
</div>
{/if}

<h3>Расскажешь о работе?</h3>
<Checkbox name="work" label={values.work ? 'Да' : 'Нет'} />
{#if values.work}
<div class="margin-top" transition:slide|local>
<Input name="best" type="number" label="Лучший опыт" />
<Input name="boring" type="number" label="Скучный опыт" />
<Input name="worst" type="number" label="Худший опыт" />
</div>
{/if}
<ErrorReporter error={errors.shouldCheckAtLeastOneSection} />

<Checkbox name="terms" label="Согласен получать спам на почту" />

<Button text="Отправить" {state} />
<ErrorReporter error={submitError} />
</Form>

#programming #russian #svelte

0

05.12.2021

1 ответов

22 просмотра

Pavel 🦇 Malyshev · Accepted Answer

Pavel 🦇 Malyshev

это не альтернативный вариант) это просто другой вариант)

0

05.12.2021

169 похожих чатов

<Form bind:values {validate} {validators} {onSubmit}

1 ответов

Похожие вопросы