Tailwind CSS Dropdown - Nira UI

Dropdown component in Nira UI provides an interactive menu for discoverable content, allowing users to access options or actions without cluttering the interface.

Dropdown menus enhance navigation, improve user experience, and help organize actionable items efficiently.

Default Dropdown

Use the default dropdown to display a simple list of options. Dropdowns are ideal for task menus, settings, or quick actions.

    
    Dropdown 

    

   
                New Task
            
            
                Edit Task
            
            
                Pay Task
            
            
                Update Task
            
            
                Finish Task
            
            
                Delete Task
            
    
  

Avatar Dropdown

Attach a dropdown to an avatar image to create a profile menu or user actions menu. This is commonly used in dashboards.

New Task Edit Task Pay Task Update Task Finish Task Delete Task

 

    
    
          
    

    

   
                New Task
            
            
                Edit Task
            
            
                Update Task
            
            
                Finish Task
            
            
                Delete Task
            
    
  

Dropdown with Divider

Use a divider to separate groups of items within a dropdown. This improves readability and organizes tasks by category or importance.

    
    Dropdown 

    

   
                New Task
            
            
                Edit Task
            
            
                Pay Task
            
            

            
                Update Task
            
            
                Finish Task
            
            
                Delete Task