JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div class="wrapper">
<textarea name="" id="" rows="10">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste enim doloribus, minus dolor aliquam. Beatae perspiciatis vel laborum facere illo delectus facilis rem eius maiores, tenetur a ab repudiandae dolores.
</textarea>
    <input type="checkbox" class="toggle">
</div>

CSS

.wrapper {
    position: relative;
    
}
textarea {
    width: 100%;
    padding-right: 100px;
}
.toggle {
    position: absolute;
    top: 0;
    right: 0;
}