Ребят подскажите, если делаю свой UI и кнопки на styled

Question

Ребят подскажите, если делаю свой UI и кнопки на styled

components. Я для использования кнопок должен создавать buttonWrapper во время использования или как?

<buttonWrapper>
<myButton />
</buttonWrapper>

просто по другому не могу установить для неё отступы и повлиять на неё размеры.

или мне пропсам и прокидывать styless ?

#frontend #javascript #programming #react.js #russian

0

11.01.2022

12 ответов

13 просмотров

Ragnar Sigurðsson

а зачем? ты же можешь сделать компонент уже кнопкой

0

11.01.2022

Максим Автор вопроса

Ragnar Sigurðsson
а зачем? ты же можешь сделать компонент уже кнопко...

ну у меня стилизованые кнопки, на styled components и у них есть разные цвета в зависимости от темы. Но когда юзаю её, не могу поменять margin и т.д. вот и думаю во врапер каждую кнопку обворачивать или как

0

11.01.2022

Илюша 🎂

Максим
ну у меня стилизованые кнопки, на styled component...

да я тебе только что снова написал

0

11.01.2022

Ragnar Sigurðsson

Максим
ну у меня стилизованые кнопки, на styled component...

ты стайлед компонентам можешь пропсы прокидывать

0

11.01.2022

Ragnar Sigurðsson

Максим
ну у меня стилизованые кнопки, на styled component...

export const StyledLabeledSelectWrapper = styled.div<{operator?: boolean}>` display: flex; flex-direction: column; margin-right: 7px; width: ${({ operator }) => operator ? '45%' : '100%'}; `;

0

11.01.2022

Максим Автор вопроса

Ragnar Sigurðsson
export const StyledLabeledSelectWrapper = styled.d...

const ButtonBody = ` ... ` export default function ({ variant, element, children }: TProps) { return ( <ButtonBody as={element} variant={variant}> {children} </ButtonBody> ) } —————————————————- const myButton = styled(Button)` padding-bottom: 10rem; color: red; `

0

11.01.2022

Максим Автор вопроса

Ragnar Sigurðsson
ты стайлед компонентам можешь пропсы прокидывать

так будет лучше / правильней ?

0

11.01.2022

Илюша 🎂

Максим
так будет лучше / правильней ?

будет лучше если ты откроешь документацию

0

11.01.2022