Crea una superficie semántica con el paquete de materiales.
Usa GlassPrimitive si el catálogo no ofrece el elemento semántico que necesitas.
import { Backdrop, GlassPrimitive, Material } from "@liquidify/glass"
import "@liquidify/glass/glass.css"
export function WeatherSummary() {
return (
<Material default="frosted">
<Backdrop type="low">
<GlassPrimitive as="article" aria-labelledby="weather-title">
<h2 id="weather-title">Today</h2>
<p>Clear, 24°C</p>
</GlassPrimitive>
</Backdrop>
</Material>
)
}as determina la semántica; las props de material determinan la apariencia. Añade la distribución mediante clases y tokens públicos, sin importar archivos internos del motor.