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

Modal centrado con título, descripción o contenido opcional, área accesoria y acciones.

Código

import { Dialog } from "@liquidify/react/dialog"

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

Modal centrado con título, descripción o contenido opcional, área accesoria y acciones.

Código

import { Dialog } from "@liquidify/react/dialog"

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