Accordion
Secciones colapsables. Una o varias abiertas, controlado o no.
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.
Badge
Contador o punto pequeño, en línea o pegado a una esquina de otro elemento.
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.
BottomSheet
Panel que sube desde abajo. Arrástralo o toca el fondo para cerrar.
Chip
Etiqueta compacta para filtros, selecciones y elementos eliminables.
Botones
4 artículos
Dialog
Modal centrado con título, contenido y botones. Para confirmaciones rápidas sin markup usa Alert.
Tarjetas
3 artículos
Divider
Separador fino, horizontal o vertical, con etiqueta centrada opcional.
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.
DotsLoading
Indicador de carga ligero hecho de puntos que rebotan.
Iconos
rn-inkpad no depende de ninguna librería de iconos. Cada prop que espera un icono (icon,
Input
El componente Input de nuestra biblioteca es un elemento fundamental que se utiliza para capturar la entrada del usuario dentro de formularios o interfaces interactivas. Permite a los usuarios ingresar y enviar varios tipos de datos, como texto o números.
Navegaciones
2 artículos
PaginationDots
Indicador de página para carruseles y onboarding.
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.
PinInput
Entrada de código OTP / PIN con celdas separadas y un único input oculto, así funcionan pegar y autocompletar.
Calificaciones
2 artículos
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.
SlideAction
El componente SlideAction de nuestra biblioteca es un elemento interactivo diseñado para ejecutar acciones cuando los usuarios realizan un gesto de deslizamiento.
Skeleton
Placeholder con pulso que se muestra mientras carga el contenido.
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.
Snackbar
Mensajes en cola abajo (o arriba) con acción opcional. Monta SnackbarProvider una vez y usa useSnackbar() debajo. Se muestran uno tras otro.
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.
Stepper
Progreso por pasos, horizontal o vertical, con números o iconos.
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.
Tooltip
Burbuja con información extra, visible al pulsar el elemento envuelto. Se coloca debajo cuando no hay espacio arriba.