CODEWITHSUNDEEP
cssreactjsstyled-components
Charles Jr.
Charles Jr.

Reputation: 127

style component naming extending component from a ui lib

I'm using semantic ui react as my lib library and I'm using styled-components

I found this naming can be improved when extending (or wrapping) component from any ui lib.

import { Title } from 'semantic-react'

const TitleStyled from styled(Title)

..
<TitleStyle />

It's really hard to read, how can I use just because most of the components in ui lib is already properly named.

Upvotes: 0

Views: 82

Answers (1)

Deve
Deve

Reputation: 1779

I think you can do like this to have a better naming : 

import { TitleSemantic as Title } from 'semantic-react'

const Title from styled(TitleSemantic)

..
<Title />

Upvotes: 1

Related Questions