Cyberial
@Cyberial
Alone kitten Meow :)

Как использовать стили Styled-components в других компонентах?

Доброго времени тостята :)
Вопрос легок но я не знаю как его загуглить...
Как решить проблему стилизации компонентов, а именно - нужно дать одни и теже стили для трех компонентов, можно было бы дать им класс и по классу прописать стили, но тогда это отменяет сам styled-component
Как лучше всего передавать повторяющиеся стили для других компонентов? Допустим для такого блока как container
Спасибо за помощь )
  • Вопрос задан
  • 448 просмотров
Решения вопроса 1
GreyCrew
@GreyCrew
Full-stack developer
Вынеси его в отдельный файл и экспортируй

import styled, { css, createGlobalStyle } from 'styled-components'

export const GlobalStyle = createGlobalStyle`
  .comPlainTextContentEditable {
    -webkit-user-modify: read-write-plaintext-only;
    cursor: text;
  }
`

export const CustomPopoverContainer = styled.div`
  position: absolute;
  right: 10px;
  flex-flow: column nowrap;
`
//и т.д.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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