Breaking News: Grepper is joining You.com. Read the official announcement!

When to use attrs?

Foolish Falcon answered on August 8, 2022 Popularity 9/10 Helpfulness 1/10

answer When to use attrs?

related When to use attrs?

When to use attrs?

Comment

// Using .attrs, we attach the .small class to every <Button />
const Button = styled.button.attrs(props => ({
  className: "small",
}))`
  background: black;
  color: white;
  cursor: pointer;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid black;
  border-radius: 3px;
`;

render(
  <div>
    <Button>Styled Components</Button>
    {/* Here we attach the class .big to this specific instance of the Button */}
    <Button className="big">The new way to style components!</Button>
  </div>
);
Styled ComponentsThe new way to style components!

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: styled-components.com

Tags: whatever when

Link to this answer
Share Copy Link

Contributed on Aug 08 2022

Foolish Falcon

0 Answers Avg Quality 2/10

Closely Related Answers

When to use attrs?

Comment

const PasswordInput = styled.input.attrs(props => ({
  // Every <PasswordInput /> should be type="password"
  type: "password"
}))``

// This specific one is hidden, so let's set aria-hidden
<PasswordInput aria-hidden="true" />

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: styled-components.com

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Aug 08 2022

Foolish Falcon

0 Answers Avg Quality 2/10

When to use attrs?

Contents

More Related Answers

When to use attrs?

Closely Related Answers

When to use attrs?

Grepper

Documentation

Social

Legal

Contact

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