Как реализовать данный textarea?

Question

[Antonio09]

Answer 1

[Илья]

<div class='custom-textarea'>
	<textarea class='custom-textarea__textarea'></textarea>
	<div class='custom-textarea__buttons'>
		<button class='custom-textarea__btn js-custom-textarea-attach-click'>
			<!-- иконка скрепки -->
		</button>
		<button class='custom-textarea__btn js-custom-textarea-send-click'>
			<!-- иконка самолета -->
		</button>
	</div>
</div>

Стилями доводите до нужного внешнего вида, с помощью JS классов навешиваете нужную логику.

Comments

[Арсений Матыцин]

БЭМ-чик это, конечно, хорошо, но для несведущего же застопориться.

[Илья]

Арсений Матыцин, ну что поделаешь. Делать нужно либо хорошо, либо никак)

[Арсений Матыцин]

Илья, если стремиться к идеалу, то custom-textarea__btn → custom-textarea__button и другие скользкие моменты типа ...-textarea__textarea.

[Илья]

Арсений Матыцин, дублирование да не очень, а чем сокращения типа btn плохи?

[Арсений Матыцин]

Илья, удел атомарников, за которыми идут не только btn, но и mb, pt, psssd.

Между делом, никаких, абсолютно никаких, жестких правил в методологиях нет.