Páginas y navegación
Todas las páginas que incluye el panel, qué hay en cada una, cómo funcionan la barra lateral y el encabezado, y cómo añadir tu propia página.
Las páginas
| Página | Dirección | Qué hay en ella |
|---|---|---|
| Aterrizaje | /en | El nombre del producto, tres tarjetas de funciones y un botón Enter Dashboard |
| Inicio de sesión | /en/login | Correo y contraseña, Remember me, Forgot password, y botones de Apple y Google |
| Resumen | /en/dashboard | Un saludo con un formulario de transferencia rápida, el saldo de la cuenta con una pila de tarjetas de pago, Smart Invest con acciones y transferencias rápidas, transacciones recientes, un gráfico de estadísticas, un mapa del mundo de transferencias y un gráfico de cartera |
| Analíticas | /en/dashboard/analytics | Cuatro cifras clave, ingresos frente a gastos, gasto por categoría, actividad semanal y transacciones recientes |
| Transacciones | /en/dashboard/transactions | Cuatro cifras clave y un historial de transacciones en el que puedes buscar, filtrar, ordenar, paginar y exportar |
| Tus tarjetas | /en/dashboard/my-cards | Cifras clave, la lista de tarjetas de pago y los detalles de la tarjeta seleccionada, con bloquear, eliminar y mostrar el número |
| Ajustes | /en/dashboard/settings | Pestañas Profile, Security, Notifications y Preferences |
| Componentes de interfaz | /en/dashboard/ui-component | Cada componente reutilizable con ejemplos en vivo |
/en/dashboard/cards muestra la misma página de tarjetas que /en/dashboard/my-cards, que es la que enlaza la barra lateral. Cada página bajo /dashboard necesita un usuario con sesión iniciada.
La barra lateral y el encabezado
- La barra lateral lista las páginas como iconos con una etiqueta y un tooltip, Settings abajo, y el logo de arriba enlaza al resumen. Un botón la pliega a un ancho menor. En pantallas más estrechas que un portátil queda oculta tras el botón de menú del encabezado.
- El encabezado muestra el título de la página, el menú de idiomas, el interruptor de modo claro y oscuro, un botón de búsqueda y uno de actualización, las notificaciones y el menú de usuario con Profile, Settings y Logout.
- Los botones de búsqueda y actualización aún no tienen acción: están ahí para tu propia búsqueda y recarga de datos.
Cómo se construye una página
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
El archivo de ruta, la carpeta de funcionalidad que hay detrás y lo que añade el diseño compartido del panel.
Añade una página
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Paso a paso: una página nueva con sus textos, su ruta y su enlace en la barra lateral.
Quita una página
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Los sitios donde está conectada una página, para quitarla limpiamente.