input.inp(type="text" name="name" placeholder="Text")

---

наличие класса .form-item-error

делает видимым i.icon-error

задает красный цвет борднра инпуту

задает красный цвет тексту под инпутом

.form-item.form-item-error
	label.form-label Заголовок
	.form-input
		input.inp(type="text" name="name" placeholder="Text")
		
		span.inp-icons
			i.icon-error
	
		p.fs-12 Подпись

.form-item
	label.form-label Заголовок
	.form-input
		input.inp(type="text" name="name" placeholder="Text")
		span.inp-icons
			i.icon-error
	
		p.fs-12 Подпись

---

Dropdown

---

Кастомный чекбокс

.form-checkbox
	label.checkbox-label
		input.checkbox-inp(type="checkbox" name="name")
		span.fake-checkbox

Соглашение с политикой в форме

.agree-block
	.form-checkbox
		label.checkbox-label
			input.checkbox-inp(type="checkbox" name="name")
			span.fake-checkbox
			span.fs-14 Я согласен с политикой конфиденциальности

Красного цвета компонент становится за счет класса form-item-error

.form-checkbox.form-item-error
	label.checkbox-label
		input.checkbox-inp(type="checkbox" name="name")
		span.fake-checkbox
		span.fs-14 Я согласен с политикой конфиденциальности

.download-file-block.d-flex-cy
	.download-file__name.d-flex-cy
		svg.svg-pdf
			use(href='../img/sprite.svg#svg-pdf')
		p.fs-12.txt-white 1crm-presentation.pdf
	.download-file__size
		p.fs-12.txt-white 4,3 Mb