DynaMenu

Dynamic Menu for React

Every UI needs a Menu

Customize

Menu Structure

Languages

Create Translation Files:

See folder /public/locales/ in the project root. Inside locales, create subfolders for each language (e.g., en, fi). Place your translation JSON files in the respective language folders. For example, locales/fi/translation.json should contain the Finnish version for menu items.

Flexible Icon Handling:

• For SVG paths: Provide the icon as a string, e.g., icon: /assets/icons/my-icon.svg.
• For Material UI icons: Pass the icon component like Icons.Home or any other MUI icon.

For list of all available icons in Material UI, refer to:

• Material UI Icons

For SVG icons with creative commons license, for example:

• Flaticon
• The Noun Project
• SVG Repo
• IconScout
• FreePik
• WikiMedia Commons: SVG icons

Design Principle: One menu to control them all

~Tatu Soininen~
  -=[ 2024 ]=-