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

Question

[Cyberial Syntwaiser]

Доброго времени тостята :)
Вопрос легок но я не знаю как его загуглить...
Как решить проблему стилизации компонентов, а именно - нужно дать одни и теже стили для трех компонентов, можно было бы дать им класс и по классу прописать стили, но тогда это отменяет сам styled-component
Как лучше всего передавать повторяющиеся стили для других компонентов? Допустим для такого блока как container
Спасибо за помощь )

Answer 1

[Сергей Сунцев]

Вынеси его в отдельный файл и экспортируй

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;
`
//и т.д.

Comments

[Cyberial Syntwaiser]

Большое вам спасибо! И вдохновения в разработке ! :)