JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" id="show"/>
<label for="show">Заказать вопрос</label>
<form>
Ваша форма здесь.
</form>
CSS
* {
padding: 0;
margin: 0;
}
body {
font-family: Arial;
}
input {
display: none;
}
label {
transform: rotate(90deg);
transform-origin: left bottom;
display: block;
float: left;
height: 20px;
padding: 10px;
border-radius: 0 0 10px 10px;
color: white;
background: red;
position: absolute;
}
form {
background: blue;
width: 200px;
float: left;
margin-left: 40px;
color: white;
padding: 10px;
border-radius: 10px 0 0 10px;
height: 300px;
display: none;
}
input:checked ~ form {
display: block;
}