styled-components

styled-components: extend styles and change element type

你说的曾经没有我的故事 提交于 2020-12-05 06:54:26
问题 Imagine I have the following styles: color: black; border: 1px solid white; and I want to apply them both to two elements of different types: const SomeImg = styled.img` margin: 2em; `; const SomeDiv = styled.div` margin: 3em; `; How can I make both elements extend those styles? It's easy enough if they were both <div> or <img> . I could do: const ExtendMe = styled.div` color: black; border: 1px solid white; `; const SomeDiv = styled(ExtendMe)` margin: 2em; `; const OtherDiv = styled(ExtendMe