recursive-dropdown-mui 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +142 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -63,6 +63,148 @@ interface MenuItem {
|
|
|
63
63
|
|
|
64
64
|
---
|
|
65
65
|
|
|
66
|
+
## 🧱 Ejemplo rápido de estructura **menuItems**
|
|
67
|
+
|
|
68
|
+
```tsx
|
|
69
|
+
import type { MenuItem } from "recursive-dropdown-mui";
|
|
70
|
+
import {
|
|
71
|
+
Code as CodeIcon,
|
|
72
|
+
GitHub as GitHubIcon,
|
|
73
|
+
Article as ArticleIcon,
|
|
74
|
+
Business as BusinessIcon,
|
|
75
|
+
Person as PersonIcon,
|
|
76
|
+
} from "@mui/icons-material";
|
|
77
|
+
|
|
78
|
+
export const menuItems: MenuItem[] = [
|
|
79
|
+
{
|
|
80
|
+
label: "Portafolio Técnico",
|
|
81
|
+
href: "/portfolio",
|
|
82
|
+
icon: <CodeIcon />,
|
|
83
|
+
children: [
|
|
84
|
+
{
|
|
85
|
+
label: "Proyectos Open Source",
|
|
86
|
+
hash: "open-source",
|
|
87
|
+
icon: <GitHubIcon />,
|
|
88
|
+
children: [
|
|
89
|
+
{
|
|
90
|
+
label: "React Components",
|
|
91
|
+
hash: "react-components",
|
|
92
|
+
icon: <CodeIcon />,
|
|
93
|
+
children: [
|
|
94
|
+
{
|
|
95
|
+
label: "Componentes Avanzados",
|
|
96
|
+
hash: "advanced-components",
|
|
97
|
+
icon: <CodeIcon />,
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
label: "Hooks Personalizados",
|
|
101
|
+
hash: "custom-hooks",
|
|
102
|
+
icon: <CodeIcon />,
|
|
103
|
+
},
|
|
104
|
+
],
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
label: "Node.js Libraries",
|
|
108
|
+
hash: "node-libraries",
|
|
109
|
+
icon: <CodeIcon />,
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
label: "UI Kits",
|
|
113
|
+
hash: "ui-kits",
|
|
114
|
+
icon: <CodeIcon />,
|
|
115
|
+
},
|
|
116
|
+
],
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
label: "Demos Interactivas",
|
|
120
|
+
hash: "demos",
|
|
121
|
+
icon: <CodeIcon />,
|
|
122
|
+
children: [
|
|
123
|
+
{
|
|
124
|
+
label: "Animaciones Web",
|
|
125
|
+
hash: "web-animations",
|
|
126
|
+
icon: <CodeIcon />,
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
label: "APIs REST",
|
|
130
|
+
hash: "rest-apis",
|
|
131
|
+
icon: <CodeIcon />,
|
|
132
|
+
},
|
|
133
|
+
],
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
label: "Casos de Estudio",
|
|
137
|
+
hash: "case-studies",
|
|
138
|
+
icon: <ArticleIcon />,
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
label: "Repositorios GitHub",
|
|
142
|
+
hash: "repositories",
|
|
143
|
+
icon: <GitHubIcon />,
|
|
144
|
+
},
|
|
145
|
+
],
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
label: "Emprendimientos",
|
|
149
|
+
href: "/ventures",
|
|
150
|
+
icon: <BusinessIcon />,
|
|
151
|
+
children: [
|
|
152
|
+
{
|
|
153
|
+
label: "Puertas & Portones",
|
|
154
|
+
hash: "doors-gates",
|
|
155
|
+
icon: <BusinessIcon />,
|
|
156
|
+
children: [
|
|
157
|
+
{
|
|
158
|
+
label: "Modelos Estándar",
|
|
159
|
+
hash: "standard-models",
|
|
160
|
+
icon: <BusinessIcon />,
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
label: "Medidas Personalizadas",
|
|
164
|
+
hash: "custom-measures",
|
|
165
|
+
icon: <BusinessIcon />,
|
|
166
|
+
},
|
|
167
|
+
],
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
label: "Catálogo de Productos",
|
|
171
|
+
hash: "catalog",
|
|
172
|
+
icon: <BusinessIcon />,
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
label: "Diseños Personalizados",
|
|
176
|
+
hash: "designs",
|
|
177
|
+
icon: <BusinessIcon />,
|
|
178
|
+
},
|
|
179
|
+
],
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
label: "Blog",
|
|
183
|
+
href: "/blog",
|
|
184
|
+
icon: <ArticleIcon />,
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
label: "Perfil",
|
|
188
|
+
href: "/",
|
|
189
|
+
icon: <PersonIcon />,
|
|
190
|
+
children: [
|
|
191
|
+
{
|
|
192
|
+
label: "Stack Tecnológico",
|
|
193
|
+
hash: "technology-stack",
|
|
194
|
+
icon: <CodeIcon />,
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
label: "Experiencia Laboral",
|
|
198
|
+
hash: "experience",
|
|
199
|
+
icon: <PersonIcon />,
|
|
200
|
+
},
|
|
201
|
+
],
|
|
202
|
+
},
|
|
203
|
+
];
|
|
204
|
+
```
|
|
205
|
+
|
|
206
|
+
---
|
|
207
|
+
|
|
66
208
|
## 🧩 Props principales
|
|
67
209
|
|
|
68
210
|
### 1. Datos y contenido
|