title: styled component delay setting property
body: <p>I'm new to <a href="https://www.styled-components.com" rel="nofollow noreferrer">Styled Components</a> </p>
  
  <p>I have a "dumb" <em>React</em> "component" which is a <strong>Loader</strong> and I would like to show it after some delay. I was thinking to set its <code>opacity</code> or <code>display</code> property after a certain amount of time had passed, but I'm not sure how to do that.</p>
  
  <p>If that's not possible, then perhaps adding or removing a class would serve as well (with same delay) but again, I don't know how to do that on a <em>stateless</em> component</p>
  
  <p>Thanks</p>