Skip to content
+

Uso

Aprende los conceptos básicos para trabajar con componentes U-Ui.

Guía rápida

Despues de la instalación, puedes importar cualquier componente de U-Ui y empezar a jugar. Por ejemplo, prueba a cambiar la variant del Button a outlined para ver cómo cambia el estilo:

Press Enter to start editing

Globales

Dado que los componentes de U-Ui están diseñados para funcionar de forma aislada, no requieren ningún tipo de estilos globales. Para una mejor experiencia de usuario y de desarrollador, recomendamos añadir los siguientes globals a tu aplicación.

Responsive meta tag

U-Ui es una biblioteca de componentes mobile-first, es decir, primero escribimos el código para dispositivos móviles y luego ampliamos los componentes según sea necesario mediante consultas de medios CSS.

Para garantizar una representación correcta y un zoom táctil en todos los dispositivos, añade la metaetiqueta de vista adaptable a tu elemento <head>:

<meta name="viewport" content="initial-scale=1, width=device-width" />

CssBaseline

U-Ui proporciona un componente opcional CssBaseline. Corrige algunas inconsistencias entre navegadores y dispositivos a la vez que proporciona reinicios que se adaptan mejor a U-Ui que las hojas de estilo globales alternativas como normalize.css.