Saltar al contenido

Uso

Comprende las luces y superficies antes de conectar tus componentes.

Elegir un área

Una luz gestiona un grupo de superficies que responden juntas. Puedes compartirla en toda una sección o solo entre algunos elementos.

Una superficie es un elemento HTML conectado a una luz. Solo las superficies conectadas muestran el reflejo. Usa una luz independiente para cada área que deba responder por separado.

Conservar tu UI

Edge conserva el fondo, texto, espaciado y borde base. El reflejo usa el color de texto y el radio de cada superficie por defecto. Conserva las interacciones y el foco del teclado.

Elige la respuesta de las superficies en Estilo y el movimiento de la luz en Movimiento.

Para contenedores de inputs y conflictos con la decoración existente, consulta Consideraciones de integración.

Si tu aplicación cambia la posición de los elementos, consulta cambios de diseño.

Elige tu framework

Consulta la guía de tu framework.

React

bolerish/edge · Primeros pasos