Line-height Usage
  
  
    <bolt-text> has a few options for leading (line-height). Leading can be adjusted for legibility. The default is regular.
  
  
      
    
            
            
      
      
              
  This text has
  its line-height
  prop defined as:
  tight
      
      
    
    
       
    
   
  
    <bolt-text line-height="tight">
  This text has<br>
  its line-height<br>
  prop defined as:<br>
  tight
</bolt-text>
  
  
      
    
            
            
      
      
              
  This text has
  its line-height
  prop defined as:
  regular
      
      
    
    
       
    
   
  
    <bolt-text line-height="regular">
  This text has<br>
  its line-height<br>
  prop defined as:<br>
  regular
</bolt-text>
  
  
      
    
            
            
      
      
              
  This text has
  its line-height
  prop defined as:
  loose
      
      
    
    
       
    
   
  
    <bolt-text line-height="loose">
  This text has<br>
  its line-height<br>
  prop defined as:<br>
  loose
</bolt-text>