Galera, estou usando a tag < textarea > para simular o campo desse editor de texto abaixo, mas como insiro essas 3 bolinhas no canto superior direito (conforme imagem)? Segue abaixo bloco do código:
<section class="container-editor">
<div class="editor-color">
<textarea wrap="hard" placeholder="Digite sua mensagem aqui"></textarea>
</div>
</section>
Opa Matheus, tudo certo?
Os botões acima são usados principalmente no sistema MacOs, para representá-los no seu projeto você pode baixar e adicionar uma imagem desses botões dentro da sua div que compreende o bloco de código. Como, por exemplo:
<img class="mac_buttons" src="mac_buttons.svg" alt="Três círculos: um vermelho, um amarelo e um verde">
Depois você pode customizar a posição do mesmo:
.mac_buttons {
place-self: start;
padding-left: 1rem;
padding-top: 1rem;
}
Fico à disposição.
Tenha um bom dia e bons estudos.