Adding Button Inverse and Outline Styles

Lastly, for our button, we’ll be adding two additional styles, inverse and outline. Our approach for both of these styles is going to be relatively similar to how we did the variant options. However, we’ll be placing them inside separate files, extending from our base button.

Inverse Style

First, let’s make a new file for our inverse style.

touch resources/views/components/button/inverse.edge

  

    

      Copied!
      

        

      
    
  
  
    
    
  

Inverse Variants