Header · GOAT UI

Home

Components

Header

Overview

Playground

API

Header component is used to display a header with a brand, navigation, and actions.

Usage

Shivaji Varma



  
    
      Left Section
      Center Section
      Right Section
    
  

  
    
      
        
        
      
      
  

  
    
      
    
  

  
    
      
      Shivaji Varma
    
  

  
    
    
      
        
        Cut
        ⌘X
      
      
        
        Copy
        ⌘C
      
      
        
        Paste
        ⌘X
      
      
      
        
        Delete
        ←
      
    
  

    
  

  
    
      
        
        
      

      
  

  
    
      
    
  

  
    
      
      Shivaji Varma
    
  

  
    
    
      
        
        Cut
        ⌘X
      
      
        
        Copy
        ⌘C
      
      
        
        Paste
        ⌘X
      
      
      
        
        Delete
        ←

Application Header

Shivaji Varma


      
        
  

  
    
      
    
  

  
    
      
      Shivaji Varma
    
  

  
    
    
      
        
        Cut
        ⌘X
      
      
        
        Copy
        ⌘C
      
      
        
        Paste
        ⌘X
      
      
      
        
        Delete
        ←

Usage

Application Header

Work in progress

Properties

Events