# Primeros pasos · Uso

Comprende las luces y superficies antes de conectar tus componentes.

Package: @bolerish/edge 0.4.0
Source: https://edge.bolerish.com/es/docs/usage/

<a id="share-one-light"></a>

## 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.

<a id="keep-your-styles"></a>

## 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](https://edge.bolerish.com/es/docs/styles/) y el movimiento de la luz en [Movimiento](https://edge.bolerish.com/es/docs/motion/).

Para contenedores de inputs y conflictos con la decoración existente, consulta [Consideraciones de integración](https://edge.bolerish.com/es/docs/integration/#wrap-inputs-you-own).

Si tu aplicación cambia la posición de los elementos, consulta [cambios de diseño](https://edge.bolerish.com/es/docs/integration/#refresh-after-layout-changes).

<a id="connect-existing-components"></a>

## Elige tu framework

Consulta la guía de tu framework.

[

### React





](https://edge.bolerish.com/es/docs/react/usage/)