JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<div class="col s12 m6 l6 card blue-grey lighten-5">
            <div class="card-content">
                <span class="card-title">Рисунок</span>
                <label>
                    <input type="checkbox" />
                    <span>Рисунок</span>
                </label>
            </div>
            <div class="col s12 m6 l6">
                <div class="input-field">
                    <input type="number" id="thickness" min="1" max="10">
                    <label for="thickness">Толщина</label>
                </div>
                <div class="input-field">
                    <input type="number" id="offset" min="1" max="10">
                    <label for="offset">Отступ</label>
                </div>
            </div>
            <div class="col s12 m6 l6">
                    <span class="card-title">Стороны</span>
                    </br>
                        <label>
                            <input type="checkbox" />
                            <span>Слева</span>
                        </label>
                        <br>
                        <label>
                            <input type="checkbox" />
                            <span>Справа</span>
                        </label>
                        <br>
                        <label>
                            <input type="checkbox" />
                            <span>Снизу</span>
                        </label>
                            <br>
                            <label>
                                <input type="checkbox" />
                                <span>Сверху</span>
                            </label>
                        </div>
                        </div>
                    </div>
                </div>
            </div>