axrising
@axrising

Как добавить одинаковые стили двум элементам сразу в styled-components?

export const PrevBtn = styled.div`
  svg {
    display: flex;
    color: ${(props) => props.theme.colors.primary};
    font-size: 50px;
    cursor: pointer;
  }
`
export const NextBtn = styled.div`
  svg {
    display: flex;
    color: ${(props) => props.theme.colors.primary};
    font-size: 50px;
    cursor: pointer;
  }
`
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
t1gor
@t1gor
Web developer
Стили у вас объявлены как константы, так что можно просто использовать какой-то один из них или вынести в общий:

const commonStyles = styled.div`
  svg {
    display: flex;
    color: ${(props) => props.theme.colors.primary};
    font-size: 50px;
    cursor: pointer;
  }
`
export const PrevBtn = commonStyles
export const NextBtn = commonStyles
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы