title: Need to access an HTML element's class inside component
body: <p>I am making a Snack-Bar:</p>
  
  <p><a href="https://i.stack.imgur.com/KnNsM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KnNsM.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Puz9b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Puz9b.png" alt="enter image description here"></a></p>
  
  <p>I want Snack-Bar to show up for 3 seconds and then it should be vanished. For that I am trying to remove "show" class after 3 seconds. </p>
  
  <p>And for that I am making use of setTimeOut() function and want to replace "show" class with "" after 3 seconds.</p>
  
  <p>What I am not able to get, is to get hold of "show" class inside my component. I tried to use template reference variable but don't know how to move further.</p>
  
  <p>Thanks.</p>