Componentes · Eclipse UI

Personas del estudio
Persona	Rol	Estado	Reservas	Registro
Ana GarcíaNuevo, ana.garcia@correo.mx	Cliente	Activo	14	hace 2 horas
Iván López, ivan@lunaestudio.mx	Equipo	Activo	0	17 feb
Mariana PeñaNuevo, mariana.pena@correo.mx	Cliente	Activo	1	hace 5 horas
Sofía Ruiz, sofia@lunaestudio.mx	Equipo	Activo	0	9 dic 2025
Diego Hernández, diego.hdz@correo.mx	Cliente	Inactivo	23	5 sep
Lucía TorresNuevo, lucia.torres@correo.mx	Cliente	Activo	2	ayer
Regina Castro, regina@lunaestudio.mx	Admin	Activo	0	21 ago 2025
Tomás NavarroNuevo, tomas.navarro@correo.mx	Cliente	Activo	8	hace 6 días
Nadie coincide Prueba con otro nombre, correo o rol.

Tabla del admin

Beta

Columnas con bloque, fila clicable y filtros en la barra

Más popular

Paquete

10 clases

Para venir dos o tres veces por semana.

$1,350 MXN

10 clases · $135 por clase

Vigencia de 60 días

Todas las clases del horario
Reserva con 7 días de anticipación
Lista de espera

Comprar paquete

Tarjeta de precio

Estable

Planes y paquetes con su precio, sus beneficios y una acción

Botón con estados

Beta

Cargando, listo o error, sin perder la forma

Botón con luz

Beta

Una luz recorre la superficie y el borde

Botón magnético

Estable

Se acerca al cursor y regresa con resorte

Celebración

Beta

Una ráfaga sobria cuando algo sale bien

Deslizar para reservar

Beta

Un gesto deliberado para la acción importante

Vigencia 60 días

Paquete 10 clases

Yoga, mat o reformer, a la hora que quieras.

$1,450 $145 por clase

Tarjeta con luz

Beta

Una luz sigue al cursor por la superficie y el borde

Créditos disponibles

Mensualidad $1,450

Número que rueda

Beta

Cada dígito es un rodillo con resorte

Hoy · 7:00 AM

7/12

Van a Vinyasa Flow

Ana García
Sofía Ruiz
Mariana Cruz
Diego Torres
Lucía Herrera
y 2 más: Pablo Méndez y Renata Ortiz

Ana, Sofía y 5 más ya reservaron.

Pila de avatares

Beta

Quién va a la clase; se abre y nombra al pasar

Tu paquete vence en 3 días. Te quedan 2 de 10 créditos.

Renovar paquete

Mis clases

Esta semana

No pudimos cobrar tu paquete

Tu banco rechazó la tarjeta terminada en 4242. No se te hizo ningún cargo.

Usar otra tarjeta Ver detalle

Clase confirmada

Vinyasa Flow, mañana a las 7:00 con Ana. Te mandamos el recordatorio por correo.

Aviso

Estable

Capa, borde de 1px y el color solo en el ícono

Campana de notificaciones

Beta

Contador que hace pop y un panel que nace de la campana

Clase reservada

Reformer · martes 8:00

Pila de avisos

Estable

Avisos apilados que se despliegan, se deshacen y se arrastran

Nada se ha enviado todavía

Confirmación

Estable

El confirm() de Turbo, con estilo y sin tocar las vistas

Arrastra la hoja hacia su lado para cerrarla

Hoja lateral

Estable

Entra con resorte y se cierra arrastrándola

Clases de mañana
Clase	Hora	Quién la da	Reservas	Acciones
Vinyasa Flow	07:00	Ana García	9/12	Ver reservas9/12 Editar
Reformer Intermedio	09:30	Sofía Ruiz	10/10	Ver reservas10/10 Editar
Mat Pilates	19:00	Ana García	5/12	Ver reservas5/12 Editar
Sin resultados Prueba con otro filtro o con otra búsqueda.

Menú de acciones

Estable

Crece desde su botón y un resaltado se desliza entre opciones

Modal

Beta

Se asienta con resorte sobre un dialog nativo

Popover

Beta

Una capa anclada que crece desde su botón

Regina Castro Fernández

regina.castro.fernandez@lunaestudio.mx

4/10

Tooltip direccional

Beta

Entra desde el lado en el que se ancla

¿Qué llevo a mi primera clase?

Ropa cómoda, una botella de agua y calcetas antiderrapantes si vas a reformer. Los tapetes y accesorios te los prestamos.

¿Cuánto antes puedo cancelar?

Hasta 12 horas antes de la clase, sin perder tu crédito. Después de eso el lugar pasa a la lista de espera.

¿Mis créditos caducan?

Los paquetes duran 30 días desde la compra y la mensualidad se renueva cada mes. La fecha exacta está en tu perfil.

Acordeón suave

Estable

Se abre con resorte sobre un details nativo

Lun 7:00 Vinyasa Ana
Mié 19:00 Reformer Sofía
Sáb 9:00 Barre Lucía

Pestañas animadas

Beta

Una pastilla que se desliza a la pestaña activa

Campo de color

Beta

Muestras, selector y hex sincronizados, con contraste en vivo

Correo electrónico

Contraseña

Campo de texto

Estable

Unidades dentro, X para borrar y un ojo que parpadea

Acepto el reglamento del estudioLlega 10 minutos antes y cancela con 12 horas. Recordarme 2 horas antes Unirme a la lista de espera

Casilla que se dibuja

Beta

La palomita se traza sola al marcar

Código de check-in

#otp-input-demo .eui-otp__cells { display: none; }

Lo ves en la pantalla de recepción.

PIN de la tarjeta de regalo

#otp-input-demo-error .eui-otp__cells { display: none; }

PIN incorrecto. Te quedan 2 intentos.

Código de verificación

Beta

Casillas que avanzan solas y hacen pop

Revisa 2 campos antes de guardar

Capacidad no puede estar en blanco
Fin debe ser después de la hora de inicio

Plantilla de clase

Duración

Capacidad

No puede estar en blanco

Cancelar

Formulario

Estable

Un campo por línea, con etiqueta, error y el control correcto

Preferencias

Recordatorios por correo Te avisamos 2 horas antes de tu clase.

Unirme a la lista de espera automáticamente Si la clase se llena, te apartamos el siguiente lugar que se libere.

Interruptor

Beta

El pulgar se estira y viaja con resorte

Tipo de clase

Reformer

#spring-select-demo .eui-select__js { display: none; }

Te mostramos los horarios de ese tipo de clase.

Select con resorte

Beta

La lista aparece con resorte y una pastilla sigue a la opción

Plantilla de clase

Quién la da

Quien suple aparece en el horario público.

Select nativo

Beta

El selector del sistema, con la ropa de Eclipse UI

Periodo del reporte

Ingresos, asistencia y alumnos nuevos de esos días.

Fecha del taller

Selector de fechas

Beta

Un periodo o un día, con atajos y pastillas con resorte

Capacidad

#field-ff1b5d9e-stepper .eui-stepper__button { display: none; } #field-ff1b5d9e-stepper .eui-stepper__input { appearance: auto; width: 100% !important; } #field-ff1b5d9e-stepper .eui-stepper__input::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; }

De 1 a 40 por clase

Duración

#field-8cb3f674-stepper .eui-stepper__button { display: none; } #field-8cb3f674-stepper .eui-stepper__input { appearance: auto; width: 100% !important; } #field-8cb3f674-stepper .eui-stepper__input::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; }

En pasos de 15

Tapete de corcho

$890 · quedan 5

#field-87b73dd7-stepper .eui-stepper__button { display: none; } #field-87b73dd7-stepper .eui-stepper__input { appearance: auto; width: 100% !important; } #field-87b73dd7-stepper .eui-stepper__input::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; }

Selector numérico

Beta

Dígitos que ruedan y un tope que rebota

Entrega

Envío a domicilio Llega en 2–4 días hábiles $99 Recoger en el estudio Listo mañana en recepción Gratis

Tarjetas de opción

Beta

Un marco con resorte viaja a la opción que eliges

Fotos del producto

Arrastra tus fotos aquí o elige desde tu equipo PNG, JPG o WEBP · hasta 5 MB · máx. 6

tapete-arena-portada.jpg Ya adjunta

#field-ae6b564b-dropzone .eui-dropzone__zone { display: none; } #field-ae6b564b-dropzone .eui-dropzone__input { position: static; width: auto; height: auto; margin: 0; clip-path: none; overflow: visible; white-space: normal; }

La primera es la portada en la tienda.

Zona para subir archivos

Beta

Arrastra fotos y ve su miniatura antes de guardar

Descripción de la clase

Se muestra en el horario y en la ficha de la clase.

Área de texto

Beta

Crece con lo que escribes y cuenta en vivo

Todos los componentes

Pedidos recientes

Sin actividad todavía

Aún no hay clases esta semana

Sin cancelaciones esta semana

Nadie coincide

Paquete 10 clases

Ana García

Van a Vinyasa Flow

Sin resultados