Command Palette

Search for a command to run...

Patterns

Navigation

வழிசெலுத்தல்

Clear, predictable navigation patterns. Learn how to structure sidebars, tabs, and breadcrumbs to support bilingual users effectively.

தெளிவான மற்றும் யூகிக்கக்கூடிய வழிசெலுத்தல் வடிவங்கள்.

Breadcrumbs

Breadcrumbs help users understand their current location within a deep hierarchy. For Tamil interfaces, ensure the separator is visually distinct and the current page is clearly highlighted.

Component preview
Breadcrumb navigationபிரெட்கிரம்ப் வழிசெலுத்தல்

Sidebar Navigation

Sidebars are the primary navigation pattern for dashboards and complex applications. Pair icons with text to improve scannability across languages.

Component preview
Sidebar menuபக்கப்பட்டி மெனு

Navigation design guidelines

Use clear icon + text combinations
ஐகான் + உரை கலவையைப் பயன்படுத்தவும்

Icons provide universal meaning, while text provides specific context. This is crucial for bilingual interfaces.

சின்னங்கள் உலகளாவிய பொருளை வழங்குகின்றன, அதே நேரத்தில் உரை குறிப்பிட்ட சூழலை விளக்குகிறது. இருமொழி இடைமுகங்களுக்கு இது மிகவும் முக்கியமானது.

Don't hide primary navigation behind hamburger menus on desktop
கணினியில் முதன்மை மெனுக்களை மறைக்க வேண்டாம்

Hamburger menus hide important navigation options. Always expose primary navigation on desktop screens.

ஹாம்பர்கர் மெனுக்கள் முக்கியமான வழிசெலுத்தல் விருப்பங்களை மறைக்கின்றன. கணினித் திரைகளில் எப்போதும் முதன்மை வழிசெலுத்தலை நேரடியாகக் காண்பிக்கவும்.