Catálogo de componentes

Encuentra componentes según su función, con referencias de API, ejemplos y pautas de accesibilidad.

Componentes

Producto

Aprender

Proyecto

Software independiente de código abierto. Sin afiliación ni respaldo de Apple Inc.

Idioma

Liquidify

Lista de acciones en un panel flotante anclado al control que lo abre, equivalente a .confirmationDialog en iPad.

Código

import { ActionSheet } from "@liquidify/react/action-sheet"

Action Sheet con su configuración básica.

Material de vidrio
Usa superficies Liquidify y tokens que se adaptan al tema.
Comportamiento de superposición
Coordina la presentación, el foco y el cierre en una capa superpuesta.
Accesible por defecto
Conserva la estructura semántica, el foco visible y el estado comunicado a las tecnologías de asistencia.

Encuentra componentes según su función, con referencias de API, ejemplos y pautas de accesibilidad.

Lista de acciones en un panel flotante anclado al control que lo abre, equivalente a .confirmationDialog en iPad.

Código

import { ActionSheet } from "@liquidify/react/action-sheet"

Action Sheet con su configuración básica.

Material de vidrio
Usa superficies Liquidify y tokens que se adaptan al tema.
Comportamiento de superposición
Coordina la presentación, el foco y el cierre en una capa superpuesta.
Accesible por defecto
Conserva la estructura semántica, el foco visible y el estado comunicado a las tecnologías de asistencia.