Saltar al contenido principal

Componentes

Lista de todos los componentes que puedes usar.

📄️ ActionSheet

Una ActionSheet es un componente dinámico de nuestra biblioteca que ofrece a los usuarios un menú de opciones o acciones dentro de una aplicación. Por lo general, aparece como un modal o una ventana emergente, que presenta una lista de opciones relevantes para el contexto actual o la interacción del usuario. Las hojas de acción permiten a los usuarios tomar decisiones o iniciar acciones específicas de manera conveniente, mejorando la usabilidad y la eficiencia. Con un estilo personalizable y configuraciones flexibles, nuestro componente ActionSheet se integra a la perfección en diversas interfaces, lo que permite a los usuarios una navegación e interacción intuitivas.

📄️ Alert

Es un componente versátil de nuestra biblioteca diseñado para mejorar la interacción y la comunicación del usuario dentro de las aplicaciones. Las alertas (Alerts)proporcionan notificaciones inmediatas sobre eventos o actualizaciones importantes, lo que garantiza que los usuarios se mantengan informados. Ingreso rápido (Prompt) guían a los usuarios a través de acciones o decisiones mediante la presentación de mensajes y opciones claras, lo que facilita la fluidez de los recorridos de los usuarios. Con estilos y funcionalidades personalizables, nuestros componentes Alert y Prompt ofrecen una experiencia de usuario perfecta en varias interfaces.

📄️ Avatar

El componente Avatar circular de nuestra biblioteca es un elemento visualmente atractivo que se utiliza para representar usuarios o entidades dentro de una aplicación. Por lo general, muestra una imagen o icono circular, que a menudo representa la foto de perfil de una persona o una representación simbólica de una entidad. Los avatares circulares añaden un toque personal a las interfaces de usuario, lo que facilita la identificación y mejora el atractivo estético general. Con opciones personalizables de tamaño, borde y contenido, nuestro componente Circle Avatar ofrece flexibilidad para adaptarse a diversas preferencias de diseño y necesidades de aplicación.

📄️ Checkbox

El componente Checkbox de nuestra biblioteca es un elemento de la interfaz de usuario que se utiliza para permitir a los usuarios seleccionar o anular la selección de opciones. Por lo general, aparece como una pequeña casilla que se puede marcar o desmarcar, lo que indica el estado de la opción. Las casillas de verificación se utilizan habitualmente en formularios, configuraciones o elementos de lista en los que los usuarios necesitan realizar varias selecciones de una lista de opciones.

📄️ ProgressBar

El componente ProgressBar de nuestra biblioteca es un elemento visual que se utiliza para indicar el progreso de una tarea o proceso dentro de una aplicación. Por lo general, aparece como una barra horizontal que se llena gradualmente a medida que avanza la tarea, lo que proporciona a los usuarios una indicación visual del estado de finalización. Las barras de progreso se utilizan normalmente para representar tareas como cargas de archivos, descargas, envíos de formularios o pantallas de carga.

📄️ SegmentedControl

El componente SegmentedControl de nuestra biblioteca es un elemento de la interfaz de usuario que se utiliza para permitir a los usuarios realizar selecciones de un conjunto predefinido de opciones. Por lo general, aparece como una fila horizontal de botones segmentados, cada uno de los cuales representa una opción distinta. Los usuarios pueden alternar entre segmentos para indicar su preferencia de selección, con solo un segmento activo a la vez. Los SegmentedControls se usan habitualmente en las aplicaciones para proporcionar a los usuarios una forma clara e intuitiva de cambiar entre diferentes vistas, filtros o categorías.

📄️ Slider

El componente Slider de nuestra biblioteca es un elemento de la interfaz de usuario que se utiliza para permitir a los usuarios seleccionar un valor de un rango continuo. Por lo general, aparece como una barra horizontal con un pulgar arrastrable que los usuarios pueden deslizar a lo largo de la barra para ajustar el valor. Los controles deslizantes se usan comúnmente en aplicaciones para configuraciones como el control de volumen, el ajuste de brillo o la selección de un rango de precios.

📄️ Switch

El componente Switch de nuestra biblioteca es un elemento de la interfaz de usuario que se utiliza para alternar entre dos estados, que normalmente representa un estado de "encendido" y "apagado". Aparece como un pequeño botón deslizante que los usuarios pueden tocar o arrastrar para cambiar su posición, alternando así entre los dos estados. Los interruptores se utilizan habitualmente en aplicaciones para ajustes como la activación o desactivación de una función, la activación o desactivación de notificaciones o el cambio entre los modos claro y oscuro.

📄️ TabControl

El componente TabControl de nuestra biblioteca es un elemento de navegación versátil que se utiliza para organizar y presentar varias vistas o secciones dentro de una aplicación. Por lo general, aparece como un conjunto de pestañas dispuestas horizontal o verticalmente, y cada pestaña representa un área de contenido o entidad distinta. Los usuarios pueden cambiar entre pestañas para acceder a diferentes partes de la aplicación de forma rápida e intuitiva. Los TabControls se usan normalmente en aplicaciones con estructuras de navegación complejas, como pantallas de configuración, procesos de varios pasos o interfaces ricas en contenido.

📄️ Toast

El componente Toast de nuestra biblioteca es un elemento de interfaz de usuario ligero y no intrusivo que se utiliza para mostrar mensajes breves o notificaciones a los usuarios. Por lo general, aparece como una pequeña ventana emergente rectangular que aparece en la parte superior o inferior de la pantalla durante un breve período antes de desaparecer automáticamente. Las notificaciones del sistema se usan normalmente para proporcionar a los usuarios comentarios rápidos, alertas o mensajes de confirmación después de completar una acción, como guardar un archivo, enviar un formulario o completar correctamente una tarea.