{% extends "index.twig" %}

{% block title %}Edit{% endblock %}

{% block content %}
<div class="uk-container">
    <form>
        <fieldset class="uk-fieldset">
            <legend class="uk-legend">Legend</legend>
            <div class="uk-margin">
                <input class="uk-input" type="text" placeholder="Input">
            </div>
            <div class="uk-margin">
                <select class="uk-select">
                    <option>Option 01</option>
                    <option>Option 02</option>
                </select>
            </div>
            <div class="uk-margin">
                <textarea class="uk-textarea" rows="5" placeholder="Textarea"></textarea>
            </div>
            <div class="uk-margin uk-grid-small uk-child-width-auto uk-grid">
                <label><input class="uk-radio" type="radio" name="radio2" checked> A</label>
                <label><input class="uk-radio" type="radio" name="radio2"> B</label>
            </div>
            <div class="uk-margin uk-grid-small uk-child-width-auto uk-grid">
                <label><input class="uk-checkbox" type="checkbox" checked> A</label>
                <label><input class="uk-checkbox" type="checkbox"> B</label>
            </div>
            <div class="uk-margin">
                <input class="uk-range" type="range" value="2" min="0" max="10" step="0.1">
            </div>
        </fieldset>
    </form>
</div>
<!-- Source: https://getuikit.com/docs/form -->
{% endblock %}