Каков наилучший способ обработки зависаний в стилизованных компонентах. У меня есть элемент обертывания, который при наведении курсора откроет кнопку.
Я мог бы реализовать некоторое состояние на компоненте и переключить свойство на hover, но задавался вопросом, есть ли лучший способ сделать это с помощью стилизованных-cmponents.
Что-то вроде следующего не работает, но будет идеальным:
const Wrapper = styled.div`
border-radius: 0.25rem;
overflow: hidden;
box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.25);
&:not(:last-child) {
margin-bottom: 2rem;
}
&:hover {
.button {
display: none;
}
}
`