how to style component using style component

Outstanding Osprey answered on April 20, 2022 Popularity 10/10 Helpfulness 2/10

answer how to style component using style component

related Style components

how to style component using style component

Comment

// The Button from the last section without the interpolations
const Button = styled.button`
  color: palevioletred;
  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;
`;

// A new component based on Button, but with some override styles
const TomatoButton = styled(Button)`
  color: tomato;
  border-color: tomato;
`;

render(
  <div>
    <Button>Normal Button</Button>
    <TomatoButton>Tomato Button</TomatoButton>
  </div>
);
Normal ButtonTomato Button

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: styled-components.com

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Apr 20 2022

Outstanding Osprey

0 Answers Avg Quality 2/10

Closely Related Answers

Style components

Comment

$ npm i styled-components

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on May 16 2022

Successful Swan

0 Answers Avg Quality 2/10

how to style component using style component

Contents

More Related Answers

how to style component using style component

Closely Related Answers

Style components

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.