Toolbar
Beta

Side Menu

A responsive and customizable side navigation menu component with collapsible states, grouped menu items, and integrated routing support. Built with Angular signals for optimal performance and provides tooltips for collapsed states.

Import

import {FktSideMenuComponent} from "frakton-ng/side-menu";

Basic side menu

Basic side menu with simple menu groups and items for standard navigation.

Collapsible side menu

Side menu in collapsed state showing only icons with tooltips for space-efficient navigation.

Multiple groups

Side menu with multiple grouped sections for organized navigation in complex applications.

Main

Management

Dynamic menu with permissions

Advanced example showing dynamic menu generation based on user permissions.

Main

User Role: User

User

The menu items change based on the selected user role. Switch between roles to see how the navigation adapts dynamically. 


	
		

			

				
User Role: {{ currentRoleName() }}

				

					
				

			

			

				The menu items change based on the selected user role.
				Switch between roles to see how the navigation adapts dynamically.

Admin dashboard layout

Complete dashboard layout showcasing real-world usage with content integration.

Overview

Management

System

Dashboard

Total Users
1,249
+12.5% from last month
Revenue
$54,329
+8.2% from last month
Orders
328
-2.1% from last month

Recent Activity

New user registration: [email protected]2 minutes ago
Order #1248 has been completed15 minutes ago
Product inventory updated: Wireless Headphones1 hour ago

	
		
		

			
			

				

					
					
{{ currentPageTitle() }}

				

				

					
					

                        
                    

				

			


			
			

				

					

						
						

							

								Total Users
								

									
								

							

							
1,249

							

								+12.5% from last month
							

						


						

							

								Revenue
								

									
								

							

							
$54,329

							

								+8.2% from last month
							

						


						

							

								Orders
								

									
								

							

							
328

							

								-2.1% from last month
							

						

					


					

						
Recent Activity

						

							

								

								New user registration: [email protected]
								2 minutes ago
							

							

								

								Order #1248 has been completed
								15 minutes ago
							

							

								

								Product inventory updated: Wireless Headphones
								1 hour ago

With routing

Complete dashboard layout showcasing real-world usage with content integration.


			
Dashboard

			

				
Bem-vindo ao painel de administração! Aqui você visualiza métricas e
					acessos rápidos.

				

					

						Usuários ativos
						1.245
					

					

						Novos cadastros
						38
					

					

						Visitas hoje
						8.102