prometeo-design-system 1.0.0 → 1.0.2
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 +17 -22
- package/dist/prometeo-design-system.es.js +2428 -5223
- package/dist/prometeo-design-system.umd.js +7 -7
- package/package.json +13 -11
package/README.md
CHANGED
|
@@ -303,7 +303,7 @@ hover:text-primary-default-hover
|
|
|
303
303
|
|
|
304
304
|
---
|
|
305
305
|
|
|
306
|
-
|
|
306
|
+
# Sidebar Component
|
|
307
307
|
|
|
308
308
|
Un componente de barra lateral completo y altamente funcional con soporte para navegación, perfil de usuario, gestión de sesiones múltiples, notificaciones y estados colapsables. Diseñado para aplicaciones empresariales con múltiples usuarios y funcionalidades avanzadas.
|
|
309
309
|
|
|
@@ -327,6 +327,8 @@ npm install react-router-dom framer-motion
|
|
|
327
327
|
yarn add react-router-dom framer-motion
|
|
328
328
|
```
|
|
329
329
|
|
|
330
|
+
#### nota: No es necesario instalarlo, seguramente en el template del proyecto ya este instalado.
|
|
331
|
+
|
|
330
332
|
## 📋 Importaciones Requeridas
|
|
331
333
|
|
|
332
334
|
```tsx
|
|
@@ -531,8 +533,6 @@ Muestra el logo y nombre de la empresa del usuario.
|
|
|
531
533
|
/>
|
|
532
534
|
```
|
|
533
535
|
|
|
534
|
-
|
|
535
|
-
|
|
536
536
|
```tsx
|
|
537
537
|
|
|
538
538
|
<NavbarLinks
|
|
@@ -567,9 +567,7 @@ Perfil de usuario con gestión de sesiones múltiples.
|
|
|
567
567
|
/>
|
|
568
568
|
```
|
|
569
569
|
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
## Estados
|
|
570
|
+
## Estados
|
|
573
571
|
|
|
574
572
|
### Estados Internos
|
|
575
573
|
|
|
@@ -677,9 +675,7 @@ const getLinksForUser = (user: IUser) => {
|
|
|
677
675
|
};
|
|
678
676
|
```
|
|
679
677
|
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
## Ejemplo de uso
|
|
678
|
+
## Ejemplo de uso
|
|
683
679
|
|
|
684
680
|
### Navbar completo
|
|
685
681
|
|
|
@@ -783,19 +779,18 @@ function Navbar() {
|
|
|
783
779
|
|
|
784
780
|
export default Navbar;
|
|
785
781
|
|
|
786
|
-
|
|
787
782
|
//<!--- En otro lugar de nuestra app>
|
|
788
783
|
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
784
|
+
/* REACT ROUTER */
|
|
785
|
+
<main className="flex-1 overflow-auto p-6">
|
|
786
|
+
<Routes>
|
|
787
|
+
<Route path="/dashboard" element={<DashboardContent />} />
|
|
788
|
+
<Route path="/tickets" element={<TicketsContent />} />
|
|
789
|
+
<Route path="/projects" element={<ProjectsContent />} />
|
|
790
|
+
<Route path="/reports" element={<ReportsContent />} />
|
|
791
|
+
<Route path="/notifications" element={<NotificationsContent />} />
|
|
792
|
+
<Route path="/settings" element={<SettingsContent />} />
|
|
793
|
+
<Route path="/profile" element={<ProfileContent />} />
|
|
794
|
+
</Routes>
|
|
795
|
+
</main>;
|
|
801
796
|
```
|