Referencia
Todas las clases, tokens, opciones, eventos y atributos que define el paquete, leídos directamente de sus fuentes. Si existe en iVOLT, está en esta tabla.
Sirve para comprobar un nombre, ver el valor que toma un token en cada tema o encontrar qué página explica una familia. Cómo puede cambiar esta superficie entre versiones está en estabilidad; las cadenas que los componentes escriben en pantalla, en localización.
800 clases · 157 tokens · 24 componentes con JavaScript · 132 atributos de datos. Generado desde las fuentes de 1.0.0 al construir este sitio.
Escribe para acotar todas las tablas. El filtro corre en la página; no se envía nada a ningún sitio.
Clases, hoja por hoja
Todas las clases que definen las hojas publicadas, agrupadas por el archivo que las define. La segunda columna enlaza con la página que documenta la familia; una clase sin página propia está documentada en el contrato de API del repositorio.
base.css 1 clase
| Clase | Documentada en |
|---|---|
iv-root | Ver la página |
utilities.css 384 clases
| Clase | Documentada en |
|---|---|
iv-u-block | Ver la página |
iv-u-col-span-1 | Ver la página |
iv-u-col-span-12 | Ver la página |
iv-u-col-span-2 | Ver la página |
iv-u-col-span-3 | Ver la página |
iv-u-col-span-4 | Ver la página |
iv-u-col-span-5 | Ver la página |
iv-u-col-span-6 | Ver la página |
iv-u-col-span-full | Ver la página |
iv-u-flex | Ver la página |
iv-u-flex-col | Ver la página |
iv-u-flex-nowrap | Ver la página |
iv-u-flex-row | Ver la página |
iv-u-flex-wrap | Ver la página |
iv-u-font-bold | Ver la página |
iv-u-font-medium | Ver la página |
iv-u-font-normal | Ver la página |
iv-u-font-semibold | Ver la página |
iv-u-gap-0 | Ver la página |
iv-u-gap-1 | Ver la página |
iv-u-gap-10 | Ver la página |
iv-u-gap-12 | Ver la página |
iv-u-gap-2 | Ver la página |
iv-u-gap-3 | Ver la página |
iv-u-gap-4 | Ver la página |
iv-u-gap-5 | Ver la página |
iv-u-gap-6 | Ver la página |
iv-u-gap-8 | Ver la página |
iv-u-gap-x-0 | Ver la página |
iv-u-gap-x-1 | Ver la página |
iv-u-gap-x-10 | Ver la página |
iv-u-gap-x-12 | Ver la página |
iv-u-gap-x-2 | Ver la página |
iv-u-gap-x-3 | Ver la página |
iv-u-gap-x-4 | Ver la página |
iv-u-gap-x-5 | Ver la página |
iv-u-gap-x-6 | Ver la página |
iv-u-gap-x-8 | Ver la página |
iv-u-gap-y-0 | Ver la página |
iv-u-gap-y-1 | Ver la página |
iv-u-gap-y-10 | Ver la página |
iv-u-gap-y-12 | Ver la página |
iv-u-gap-y-2 | Ver la página |
iv-u-gap-y-3 | Ver la página |
iv-u-gap-y-4 | Ver la página |
iv-u-gap-y-5 | Ver la página |
iv-u-gap-y-6 | Ver la página |
iv-u-gap-y-8 | Ver la página |
iv-u-grid | Ver la página |
iv-u-grid-cols-1 | Ver la página |
iv-u-grid-cols-12 | Ver la página |
iv-u-grid-cols-2 | Ver la página |
iv-u-grid-cols-3 | Ver la página |
iv-u-grid-cols-4 | Ver la página |
iv-u-grid-cols-5 | Ver la página |
iv-u-grid-cols-6 | Ver la página |
iv-u-grow | Ver la página |
iv-u-hidden | Ver la página |
iv-u-inline | Ver la página |
iv-u-inline-block | Ver la página |
iv-u-inline-flex | Ver la página |
iv-u-items-baseline | Ver la página |
iv-u-items-center | Ver la página |
iv-u-items-end | Ver la página |
iv-u-items-start | Ver la página |
iv-u-items-stretch | Ver la página |
iv-u-justify-around | Ver la página |
iv-u-justify-between | Ver la página |
iv-u-justify-center | Ver la página |
iv-u-justify-end | Ver la página |
iv-u-justify-start | Ver la página |
iv-u-lg-block | Ver la página |
iv-u-lg-col-span-1 | Ver la página |
iv-u-lg-col-span-12 | Ver la página |
iv-u-lg-col-span-2 | Ver la página |
iv-u-lg-col-span-3 | Ver la página |
iv-u-lg-col-span-4 | Ver la página |
iv-u-lg-col-span-5 | Ver la página |
iv-u-lg-col-span-6 | Ver la página |
iv-u-lg-col-span-full | Ver la página |
iv-u-lg-flex | Ver la página |
iv-u-lg-flex-col | Ver la página |
iv-u-lg-flex-row | Ver la página |
iv-u-lg-gap-0 | Ver la página |
iv-u-lg-gap-1 | Ver la página |
iv-u-lg-gap-10 | Ver la página |
iv-u-lg-gap-12 | Ver la página |
iv-u-lg-gap-2 | Ver la página |
iv-u-lg-gap-3 | Ver la página |
iv-u-lg-gap-4 | Ver la página |
iv-u-lg-gap-5 | Ver la página |
iv-u-lg-gap-6 | Ver la página |
iv-u-lg-gap-8 | Ver la página |
iv-u-lg-grid | Ver la página |
iv-u-lg-grid-cols-1 | Ver la página |
iv-u-lg-grid-cols-12 | Ver la página |
iv-u-lg-grid-cols-2 | Ver la página |
iv-u-lg-grid-cols-3 | Ver la página |
iv-u-lg-grid-cols-4 | Ver la página |
iv-u-lg-grid-cols-5 | Ver la página |
iv-u-lg-grid-cols-6 | Ver la página |
iv-u-lg-hidden | Ver la página |
iv-u-lg-inline | Ver la página |
iv-u-lg-inline-block | Ver la página |
iv-u-lg-inline-flex | Ver la página |
iv-u-lg-text-center | Ver la página |
iv-u-lg-text-end | Ver la página |
iv-u-lg-text-start | Ver la página |
iv-u-m-0 | Ver la página |
iv-u-m-1 | Ver la página |
iv-u-m-10 | Ver la página |
iv-u-m-12 | Ver la página |
iv-u-m-2 | Ver la página |
iv-u-m-3 | Ver la página |
iv-u-m-4 | Ver la página |
iv-u-m-5 | Ver la página |
iv-u-m-6 | Ver la página |
iv-u-m-8 | Ver la página |
iv-u-m-auto | Ver la página |
iv-u-max-w-content | Ver la página |
iv-u-max-w-measure | Ver la página |
iv-u-mb-0 | Ver la página |
iv-u-mb-1 | Ver la página |
iv-u-mb-10 | Ver la página |
iv-u-mb-12 | Ver la página |
iv-u-mb-2 | Ver la página |
iv-u-mb-3 | Ver la página |
iv-u-mb-4 | Ver la página |
iv-u-mb-5 | Ver la página |
iv-u-mb-6 | Ver la página |
iv-u-mb-8 | Ver la página |
iv-u-mb-auto | Ver la página |
iv-u-md-block | Ver la página |
iv-u-md-col-span-1 | Ver la página |
iv-u-md-col-span-12 | Ver la página |
iv-u-md-col-span-2 | Ver la página |
iv-u-md-col-span-3 | Ver la página |
iv-u-md-col-span-4 | Ver la página |
iv-u-md-col-span-5 | Ver la página |
iv-u-md-col-span-6 | Ver la página |
iv-u-md-col-span-full | Ver la página |
iv-u-md-flex | Ver la página |
iv-u-md-flex-col | Ver la página |
iv-u-md-flex-row | Ver la página |
iv-u-md-gap-0 | Ver la página |
iv-u-md-gap-1 | Ver la página |
iv-u-md-gap-10 | Ver la página |
iv-u-md-gap-12 | Ver la página |
iv-u-md-gap-2 | Ver la página |
iv-u-md-gap-3 | Ver la página |
iv-u-md-gap-4 | Ver la página |
iv-u-md-gap-5 | Ver la página |
iv-u-md-gap-6 | Ver la página |
iv-u-md-gap-8 | Ver la página |
iv-u-md-grid | Ver la página |
iv-u-md-grid-cols-1 | Ver la página |
iv-u-md-grid-cols-12 | Ver la página |
iv-u-md-grid-cols-2 | Ver la página |
iv-u-md-grid-cols-3 | Ver la página |
iv-u-md-grid-cols-4 | Ver la página |
iv-u-md-grid-cols-5 | Ver la página |
iv-u-md-grid-cols-6 | Ver la página |
iv-u-md-hidden | Ver la página |
iv-u-md-inline | Ver la página |
iv-u-md-inline-block | Ver la página |
iv-u-md-inline-flex | Ver la página |
iv-u-md-text-center | Ver la página |
iv-u-md-text-end | Ver la página |
iv-u-md-text-start | Ver la página |
iv-u-me-0 | Ver la página |
iv-u-me-1 | Ver la página |
iv-u-me-10 | Ver la página |
iv-u-me-12 | Ver la página |
iv-u-me-2 | Ver la página |
iv-u-me-3 | Ver la página |
iv-u-me-4 | Ver la página |
iv-u-me-5 | Ver la página |
iv-u-me-6 | Ver la página |
iv-u-me-8 | Ver la página |
iv-u-me-auto | Ver la página |
iv-u-ms-0 | Ver la página |
iv-u-ms-1 | Ver la página |
iv-u-ms-10 | Ver la página |
iv-u-ms-12 | Ver la página |
iv-u-ms-2 | Ver la página |
iv-u-ms-3 | Ver la página |
iv-u-ms-4 | Ver la página |
iv-u-ms-5 | Ver la página |
iv-u-ms-6 | Ver la página |
iv-u-ms-8 | Ver la página |
iv-u-ms-auto | Ver la página |
iv-u-mt-0 | Ver la página |
iv-u-mt-1 | Ver la página |
iv-u-mt-10 | Ver la página |
iv-u-mt-12 | Ver la página |
iv-u-mt-2 | Ver la página |
iv-u-mt-3 | Ver la página |
iv-u-mt-4 | Ver la página |
iv-u-mt-5 | Ver la página |
iv-u-mt-6 | Ver la página |
iv-u-mt-8 | Ver la página |
iv-u-mt-auto | Ver la página |
iv-u-mx-0 | Ver la página |
iv-u-mx-1 | Ver la página |
iv-u-mx-10 | Ver la página |
iv-u-mx-12 | Ver la página |
iv-u-mx-2 | Ver la página |
iv-u-mx-3 | Ver la página |
iv-u-mx-4 | Ver la página |
iv-u-mx-5 | Ver la página |
iv-u-mx-6 | Ver la página |
iv-u-mx-8 | Ver la página |
iv-u-mx-auto | Ver la página |
iv-u-my-0 | Ver la página |
iv-u-my-1 | Ver la página |
iv-u-my-10 | Ver la página |
iv-u-my-12 | Ver la página |
iv-u-my-2 | Ver la página |
iv-u-my-3 | Ver la página |
iv-u-my-4 | Ver la página |
iv-u-my-5 | Ver la página |
iv-u-my-6 | Ver la página |
iv-u-my-8 | Ver la página |
iv-u-my-auto | Ver la página |
iv-u-p-0 | Ver la página |
iv-u-p-1 | Ver la página |
iv-u-p-10 | Ver la página |
iv-u-p-12 | Ver la página |
iv-u-p-2 | Ver la página |
iv-u-p-3 | Ver la página |
iv-u-p-4 | Ver la página |
iv-u-p-5 | Ver la página |
iv-u-p-6 | Ver la página |
iv-u-p-8 | Ver la página |
iv-u-pb-0 | Ver la página |
iv-u-pb-1 | Ver la página |
iv-u-pb-10 | Ver la página |
iv-u-pb-12 | Ver la página |
iv-u-pb-2 | Ver la página |
iv-u-pb-3 | Ver la página |
iv-u-pb-4 | Ver la página |
iv-u-pb-5 | Ver la página |
iv-u-pb-6 | Ver la página |
iv-u-pb-8 | Ver la página |
iv-u-pe-0 | Ver la página |
iv-u-pe-1 | Ver la página |
iv-u-pe-10 | Ver la página |
iv-u-pe-12 | Ver la página |
iv-u-pe-2 | Ver la página |
iv-u-pe-3 | Ver la página |
iv-u-pe-4 | Ver la página |
iv-u-pe-5 | Ver la página |
iv-u-pe-6 | Ver la página |
iv-u-pe-8 | Ver la página |
iv-u-ps-0 | Ver la página |
iv-u-ps-1 | Ver la página |
iv-u-ps-10 | Ver la página |
iv-u-ps-12 | Ver la página |
iv-u-ps-2 | Ver la página |
iv-u-ps-3 | Ver la página |
iv-u-ps-4 | Ver la página |
iv-u-ps-5 | Ver la página |
iv-u-ps-6 | Ver la página |
iv-u-ps-8 | Ver la página |
iv-u-pt-0 | Ver la página |
iv-u-pt-1 | Ver la página |
iv-u-pt-10 | Ver la página |
iv-u-pt-12 | Ver la página |
iv-u-pt-2 | Ver la página |
iv-u-pt-3 | Ver la página |
iv-u-pt-4 | Ver la página |
iv-u-pt-5 | Ver la página |
iv-u-pt-6 | Ver la página |
iv-u-pt-8 | Ver la página |
iv-u-px-0 | Ver la página |
iv-u-px-1 | Ver la página |
iv-u-px-10 | Ver la página |
iv-u-px-12 | Ver la página |
iv-u-px-2 | Ver la página |
iv-u-px-3 | Ver la página |
iv-u-px-4 | Ver la página |
iv-u-px-5 | Ver la página |
iv-u-px-6 | Ver la página |
iv-u-px-8 | Ver la página |
iv-u-py-0 | Ver la página |
iv-u-py-1 | Ver la página |
iv-u-py-10 | Ver la página |
iv-u-py-12 | Ver la página |
iv-u-py-2 | Ver la página |
iv-u-py-3 | Ver la página |
iv-u-py-4 | Ver la página |
iv-u-py-5 | Ver la página |
iv-u-py-6 | Ver la página |
iv-u-py-8 | Ver la página |
iv-u-shrink-0 | Ver la página |
iv-u-sm-block | Ver la página |
iv-u-sm-col-span-1 | Ver la página |
iv-u-sm-col-span-12 | Ver la página |
iv-u-sm-col-span-2 | Ver la página |
iv-u-sm-col-span-3 | Ver la página |
iv-u-sm-col-span-4 | Ver la página |
iv-u-sm-col-span-5 | Ver la página |
iv-u-sm-col-span-6 | Ver la página |
iv-u-sm-col-span-full | Ver la página |
iv-u-sm-flex | Ver la página |
iv-u-sm-flex-col | Ver la página |
iv-u-sm-flex-row | Ver la página |
iv-u-sm-gap-0 | Ver la página |
iv-u-sm-gap-1 | Ver la página |
iv-u-sm-gap-10 | Ver la página |
iv-u-sm-gap-12 | Ver la página |
iv-u-sm-gap-2 | Ver la página |
iv-u-sm-gap-3 | Ver la página |
iv-u-sm-gap-4 | Ver la página |
iv-u-sm-gap-5 | Ver la página |
iv-u-sm-gap-6 | Ver la página |
iv-u-sm-gap-8 | Ver la página |
iv-u-sm-grid | Ver la página |
iv-u-sm-grid-cols-1 | Ver la página |
iv-u-sm-grid-cols-12 | Ver la página |
iv-u-sm-grid-cols-2 | Ver la página |
iv-u-sm-grid-cols-3 | Ver la página |
iv-u-sm-grid-cols-4 | Ver la página |
iv-u-sm-grid-cols-5 | Ver la página |
iv-u-sm-grid-cols-6 | Ver la página |
iv-u-sm-hidden | Ver la página |
iv-u-sm-inline | Ver la página |
iv-u-sm-inline-block | Ver la página |
iv-u-sm-inline-flex | Ver la página |
iv-u-sm-text-center | Ver la página |
iv-u-sm-text-end | Ver la página |
iv-u-sm-text-start | Ver la página |
iv-u-sr-only | Ver la página |
iv-u-sr-only-focusable | Ver la página |
iv-u-text-2xl | Ver la página |
iv-u-text-center | Ver la página |
iv-u-text-end | Ver la página |
iv-u-text-lg | Ver la página |
iv-u-text-md | Ver la página |
iv-u-text-muted | Ver la página |
iv-u-text-sm | Ver la página |
iv-u-text-start | Ver la página |
iv-u-text-xl | Ver la página |
iv-u-text-xs | Ver la página |
iv-u-truncate | Ver la página |
iv-u-w-auto | Ver la página |
iv-u-w-full | Ver la página |
iv-u-xl-block | Ver la página |
iv-u-xl-col-span-1 | Ver la página |
iv-u-xl-col-span-12 | Ver la página |
iv-u-xl-col-span-2 | Ver la página |
iv-u-xl-col-span-3 | Ver la página |
iv-u-xl-col-span-4 | Ver la página |
iv-u-xl-col-span-5 | Ver la página |
iv-u-xl-col-span-6 | Ver la página |
iv-u-xl-col-span-full | Ver la página |
iv-u-xl-flex | Ver la página |
iv-u-xl-flex-col | Ver la página |
iv-u-xl-flex-row | Ver la página |
iv-u-xl-gap-0 | Ver la página |
iv-u-xl-gap-1 | Ver la página |
iv-u-xl-gap-10 | Ver la página |
iv-u-xl-gap-12 | Ver la página |
iv-u-xl-gap-2 | Ver la página |
iv-u-xl-gap-3 | Ver la página |
iv-u-xl-gap-4 | Ver la página |
iv-u-xl-gap-5 | Ver la página |
iv-u-xl-gap-6 | Ver la página |
iv-u-xl-gap-8 | Ver la página |
iv-u-xl-grid | Ver la página |
iv-u-xl-grid-cols-1 | Ver la página |
iv-u-xl-grid-cols-12 | Ver la página |
iv-u-xl-grid-cols-2 | Ver la página |
iv-u-xl-grid-cols-3 | Ver la página |
iv-u-xl-grid-cols-4 | Ver la página |
iv-u-xl-grid-cols-5 | Ver la página |
iv-u-xl-grid-cols-6 | Ver la página |
iv-u-xl-hidden | Ver la página |
iv-u-xl-inline | Ver la página |
iv-u-xl-inline-block | Ver la página |
iv-u-xl-inline-flex | Ver la página |
iv-u-xl-text-center | Ver la página |
iv-u-xl-text-end | Ver la página |
iv-u-xl-text-start | Ver la página |
surfaces.css 10 clases
| Clase | Documentada en |
|---|---|
iv-elevate | Ver la página |
iv-glass | Ver la página |
iv-glass--strong | Ver la página |
iv-glow | Ver la página |
iv-gradient-text | Ver la página |
iv-mesh | Ver la página |
iv-shine | Ver la página |
iv-texture-aurora | Ver la página |
iv-texture-grain | Ver la página |
iv-texture-mesh | Ver la página |
Locales públicos: --iv-elevate-lift, --iv-glass-blur, --iv-glow-angle, --iv-mesh-1, --iv-mesh-2, --iv-mesh-3, --iv-mesh-size, --iv-shine-color
effects.css 8 clases
| Clase | Documentada en |
|---|---|
iv-edge-glint | Ver la página |
iv-edge-near | Ver la página |
iv-pulse-glow | Ver la página |
iv-reveal | Ver la página |
iv-rise | Ver la página |
iv-scan | Ver la página |
iv-scan--v | Ver la página |
iv-spark | Ver la página |
Locales públicos: --iv-glint-angle, --iv-glint-color, --iv-glint-duration, --iv-near-color, --iv-near-radius, --iv-reveal-distance, --iv-reveal-duration, --iv-rise-distance, --iv-rise-duration, --iv-rise-step, --iv-scan-color, --iv-scan-duration, --iv-scan-opacity, --iv-spark-color, --iv-spark-size
motion.css 13 clases
| Clase | Documentada en |
|---|---|
iv-marquee | Ver la página |
iv-marquee--fade | Ver la página |
iv-marquee--reverse | Ver la página |
iv-marquee--vertical | Ver la página |
iv-marquee__item | Ver la página |
iv-marquee__track | Ver la página |
iv-parallax | Ver la página |
iv-parallax--media | Ver la página |
iv-parallax-frame | Ver la página |
iv-parallax__layer | Ver la página |
iv-scroll-progress | Ver la página |
iv-stack-cards | Ver la página |
iv-stack-cards__card | Ver la página |
Locales públicos: --iv-marquee-duration, --iv-marquee-gap, --iv-marquee-size, --iv-parallax, --iv-parallax-ratio, --iv-scroll-progress-color, --iv-scroll-progress-size, --iv-stack-fade, --iv-stack-relay, --iv-stack-scale, --iv-stack-span, --iv-stack-start, --iv-stack-step, --iv-stack-top
text.css 9 clases
| Clase | Documentada en |
|---|---|
iv-count | Ver la página |
iv-text-glow | Ver la página |
iv-text-glow--pulse | Ver la página |
iv-text-outline | Ver la página |
iv-text-outline--fill | Ver la página |
iv-text-reveal | Ver la página |
iv-text-reveal__line | Ver la página |
iv-text-shimmer | Ver la página |
iv-text-shimmer--once | Ver la página |
Locales públicos: --iv-text-glow-color, --iv-text-glow-size, --iv-text-outline-color, --iv-text-outline-width, --iv-text-reveal-distance, --iv-text-reveal-duration, --iv-text-reveal-step, --iv-text-shimmer-color, --iv-text-shimmer-duration, --iv-text-shimmer-highlight
layout/cluster.css 1 clase
| Clase | Documentada en |
|---|---|
iv-cluster | Ver la página |
layout/container.css 3 clases
| Clase | Documentada en |
|---|---|
iv-container | Ver la página |
iv-container--narrow | Ver la página |
iv-container--wide | Ver la página |
layout/grid.css 2 clases
| Clase | Documentada en |
|---|---|
iv-grid | Ver la página |
iv-grid--auto | Ver la página |
layout/stack.css 2 clases
| Clase | Documentada en |
|---|---|
iv-stack | Ver la página |
iv-stack--center | Ver la página |
components/alert.css 9 clases
| Clase | Documentada en |
|---|---|
iv-alert | Ver la página |
iv-alert--danger | Ver la página |
iv-alert--info | Ver la página |
iv-alert--success | Ver la página |
iv-alert--warning | Ver la página |
iv-alert__actions | Ver la página |
iv-alert__body | Ver la página |
iv-alert__icon | Ver la página |
iv-alert__title | Ver la página |
Locales públicos: --iv-alert-bg, --iv-alert-tone
components/avatar.css 10 clases
| Clase | Documentada en |
|---|---|
iv-avatar | Ver la página |
iv-avatar--lg | Ver la página |
iv-avatar--ring | Ver la página |
iv-avatar--sm | Ver la página |
iv-avatar--square | Ver la página |
iv-avatar--xl | Ver la página |
iv-avatar-group | Ver la página |
iv-avatar-group__more | Ver la página |
iv-avatar__img | Ver la página |
iv-avatar__status | Ver la página |
Locales públicos: --iv-avatar-radius, --iv-avatar-ring, --iv-avatar-size, --iv-avatar-status-color
components/badge.css 7 clases
| Clase | Documentada en |
|---|---|
iv-badge | Ver la página |
iv-badge--danger | Ver la página |
iv-badge--info | Ver la página |
iv-badge--primary | Ver la página |
iv-badge--solid | Ver la página |
iv-badge--success | Ver la página |
iv-badge--warning | Ver la página |
Locales públicos: --iv-badge-bg, --iv-badge-border, --iv-badge-fg, --iv-badge-on-tone, --iv-badge-tone, --iv-badge-tone-subtle
components/breadcrumb.css 3 clases
| Clase | Documentada en |
|---|---|
iv-breadcrumb | Ver la página |
iv-breadcrumb__item | Ver la página |
iv-breadcrumb__list | Ver la página |
Locales públicos: --iv-breadcrumb-gap, --iv-breadcrumb-separator-size
components/button.css 9 clases
| Clase | Documentada en |
|---|---|
iv-button | Ver la página |
iv-button--danger | Ver la página |
iv-button--ghost | Ver la página |
iv-button--icon | Ver la página |
iv-button--lg | Ver la página |
iv-button--primary | Ver la página |
iv-button--secondary | Ver la página |
iv-button--sm | Ver la página |
iv-button-group | Ver la página |
Locales públicos: --iv-button-bg, --iv-button-bg-active, --iv-button-bg-hover, --iv-button-bg-image, --iv-button-border, --iv-button-border-hover, --iv-button-fg, --iv-button-lift, --iv-button-px, --iv-button-py, --iv-button-radius, --iv-button-shadow, --iv-button-shadow-hover, --iv-button-sheen
components/card.css 6 clases
| Clase | Documentada en |
|---|---|
iv-card | Ver la página |
iv-card--flat | Ver la página |
iv-card__body | Ver la página |
iv-card__footer | Ver la página |
iv-card__media | Ver la página |
iv-card__title | Ver la página |
Locales públicos: --iv-card-inner-radius, --iv-card-shadow, --iv-card-shadow-hover
components/carousel.css 17 clases
| Clase | Documentada en |
|---|---|
iv-carousel | Ver la página |
iv-carousel--contained | Ver la página |
iv-carousel--tall | Ver la página |
iv-carousel__caption | Ver la página |
iv-carousel__controls | Ver la página |
iv-carousel__counter | Ver la página |
iv-carousel__dots | Ver la página |
iv-carousel__dots--thumbs | Ver la página |
iv-carousel__media | Ver la página |
iv-carousel__next | Ver la página |
iv-carousel__prev | Ver la página |
iv-carousel__progress | Ver la página |
iv-carousel__scrim | Ver la página |
iv-carousel__slide | Ver la página |
iv-carousel__toggle | Ver la página |
iv-carousel__track | Ver la página |
iv-carousel__viewport | Ver la página |
Locales públicos: --iv-carousel-aspect, --iv-carousel-duration, --iv-carousel-ease, --iv-carousel-gap, --iv-carousel-parallax, --iv-carousel-radius, --iv-carousel-scrim, --iv-carousel-sign, --iv-carousel-slide
components/combobox.css 5 clases
| Clase | Documentada en |
|---|---|
iv-combobox | Ver la página |
iv-combobox__empty | Ver la página |
iv-combobox__input | Ver la página |
iv-combobox__list | Ver la página |
iv-combobox__option | Ver la página |
Locales públicos: --iv-combobox-max-height, --iv-combobox-offset
components/command.css 17 clases
| Clase | Documentada en |
|---|---|
iv-command | Ver la página |
iv-command--glass | Ver la página |
iv-command__empty | Ver la página |
iv-command__field | Ver la página |
iv-command__group | Ver la página |
iv-command__groups | Ver la página |
iv-command__heading | Ver la página |
iv-command__hints | Ver la página |
iv-command__icon | Ver la página |
iv-command__input | Ver la página |
iv-command__item | Ver la página |
iv-command__item--active | Ver la página |
iv-command__kbd | Ver la página |
iv-command__label | Ver la página |
iv-command__list | Ver la página |
iv-command__status | Ver la página |
iv-dialog__panel | Ver la página |
Locales públicos: --iv-command-gutter, --iv-command-icon, --iv-command-max-height, --iv-dialog-width
components/datatable.css 6 clases
| Clase | Documentada en |
|---|---|
iv-datatable | Ver la página |
iv-datatable__empty | Ver la página |
iv-datatable__filter | Ver la página |
iv-datatable__sort | Ver la página |
iv-datatable__status | Ver la página |
iv-table--stack | Ver la página |
Locales públicos: --iv-datatable-gap, --iv-icon-sort, --iv-icon-sort-down, --iv-icon-sort-up
components/datepicker.css 15 clases
| Clase | Documentada en |
|---|---|
iv-datepicker | Ver la página |
iv-datepicker__control | Ver la página |
iv-datepicker__day | Ver la página |
iv-datepicker__day--outside | Ver la página |
iv-datepicker__day--today | Ver la página |
iv-datepicker__footer | Ver la página |
iv-datepicker__grid | Ver la página |
iv-datepicker__header | Ver la página |
iv-datepicker__icon | Ver la página |
iv-datepicker__nav | Ver la página |
iv-datepicker__popover | Ver la página |
iv-datepicker__title | Ver la página |
iv-datepicker__toggle | Ver la página |
iv-datepicker__weekday | Ver la página |
iv-input | Ver la página |
Locales públicos: --iv-datepicker-cell, --iv-datepicker-enter, --iv-datepicker-max-height, --iv-datepicker-offset
components/dialog.css 6 clases
| Clase | Documentada en |
|---|---|
iv-dialog | Ver la página |
iv-dialog__body | Ver la página |
iv-dialog__footer | Ver la página |
iv-dialog__header | Ver la página |
iv-dialog__panel | Ver la página |
iv-dialog__title | Ver la página |
components/disclosure.css 4 clases
| Clase | Documentada en |
|---|---|
iv-accordion | Ver la página |
iv-disclosure | Ver la página |
iv-disclosure__content | Ver la página |
iv-disclosure__summary | Ver la página |
Locales públicos: --iv-disclosure-bg, --iv-disclosure-px, --iv-disclosure-py, --iv-disclosure-radius
components/drawer.css 7 clases
| Clase | Documentada en |
|---|---|
iv-drawer | Ver la página |
iv-drawer--end | Ver la página |
iv-drawer__body | Ver la página |
iv-drawer__footer | Ver la página |
iv-drawer__header | Ver la página |
iv-drawer__panel | Ver la página |
iv-drawer__title | Ver la página |
Locales públicos: --iv-drawer-from
components/dropdown.css 5 clases
| Clase | Documentada en |
|---|---|
iv-dropdown | Ver la página |
iv-dropdown--end | Ver la página |
iv-dropdown__item | Ver la página |
iv-dropdown__menu | Ver la página |
iv-dropdown__separator | Ver la página |
Locales públicos: --iv-dropdown-min-width, --iv-dropdown-offset
components/form.css 39 clases
| Clase | Documentada en |
|---|---|
iv-check | Ver la página |
iv-checks | Ver la página |
iv-checks--inline | Ver la página |
iv-counter | Ver la página |
iv-counter--over | Ver la página |
iv-counter--warn | Ver la página |
iv-counter__value | Ver la página |
iv-field | Ver la página |
iv-field--float | Ver la página |
iv-field--invalid | Ver la página |
iv-field--valid | Ver la página |
iv-field__error | Ver la página |
iv-field__help | Ver la página |
iv-fieldset | Ver la página |
iv-fieldset__legend | Ver la página |
iv-file | Ver la página |
iv-file__zone | Ver la página |
iv-form | Ver la página |
iv-form__summary | Ver la página |
iv-form__summary-list | Ver la página |
iv-form__summary-title | Ver la página |
iv-input | Ver la página |
iv-input--lg | Ver la página |
iv-input--sm | Ver la página |
iv-input-group | Ver la página |
iv-input-group__addon | Ver la página |
iv-input-group__addon--button | Ver la página |
iv-label | Ver la página |
iv-label__required | Ver la página |
iv-picker | Ver la página |
iv-picker__field | Ver la página |
iv-picker__placeholder | Ver la página |
iv-range | Ver la página |
iv-select | Ver la página |
iv-shake | Ver la página |
iv-switch | Ver la página |
iv-switch__thumb | Ver la página |
iv-switch__track | Ver la página |
iv-textarea | Ver la página |
Locales públicos: --iv-icon-alert, --iv-icon-invalid, --iv-icon-upload, --iv-icon-valid, --iv-range-thumb, --iv-range-track, --iv-range-value, --iv-select-chevron, --iv-switch-fc-thumb, --iv-switch-shift
components/hero.css 17 clases
| Clase | Documentada en |
|---|---|
iv-hero | Ver la página |
iv-hero--center | Ver la página |
iv-hero--cinematic | Ver la página |
iv-hero--compact | Ver la página |
iv-hero--kenburns | Ver la página |
iv-hero--light | Ver la página |
iv-hero--split | Ver la página |
iv-hero--terminal | Ver la página |
iv-hero__actions | Ver la página |
iv-hero__aside | Ver la página |
iv-hero__content | Ver la página |
iv-hero__facts | Ver la página |
iv-hero__kicker | Ver la página |
iv-hero__lead | Ver la página |
iv-hero__media | Ver la página |
iv-hero__scrim | Ver la página |
iv-hero__title | Ver la página |
Locales públicos: --iv-hero-accent, --iv-hero-gap, --iv-hero-ink, --iv-hero-max-width, --iv-hero-min, --iv-hero-muted, --iv-hero-scrim, --iv-mesh-1, --iv-mesh-2, --iv-mesh-3
components/lightbox.css 16 clases
| Clase | Documentada en |
|---|---|
iv-gallery | Ver la página |
iv-gallery--masonry | Ver la página |
iv-gallery--strip | Ver la página |
iv-gallery__img | Ver la página |
iv-gallery__item | Ver la página |
iv-lightbox | Ver la página |
iv-lightbox__button | Ver la página |
iv-lightbox__caption | Ver la página |
iv-lightbox__close | Ver la página |
iv-lightbox__counter | Ver la página |
iv-lightbox__img | Ver la página |
iv-lightbox__next | Ver la página |
iv-lightbox__panel | Ver la página |
iv-lightbox__prev | Ver la página |
iv-lightbox__stage | Ver la página |
iv-lightbox__zoom | Ver la página |
Locales públicos: --iv-dialog-width, --iv-gallery-gap, --iv-gallery-radius, --iv-gallery-ratio, --iv-gallery-scrim, --iv-lightbox-chip, --iv-lightbox-chip-bg, --iv-lightbox-chip-border, --iv-lightbox-chip-highlight, --iv-lightbox-chip-text, --iv-lightbox-icon-close, --iv-lightbox-icon-expand, --iv-lightbox-icon-next, --iv-lightbox-icon-prev, --iv-lightbox-icon-zoom
components/megamenu.css 56 clases
| Clase | Documentada en |
|---|---|
iv-megamenu | Ver la página |
iv-megamenu--dense | Ver la página |
iv-megamenu--full | Ver la página |
iv-megamenu--glass | Ver la página |
iv-megamenu__all | Ver la página |
iv-megamenu__arrow | Ver la página |
iv-megamenu__art | Ver la página |
iv-megamenu__aside | Ver la página |
iv-megamenu__body | Ver la página |
iv-megamenu__card | Ver la página |
iv-megamenu__cards | Ver la página |
iv-megamenu__caret-blink | Ver la página |
iv-megamenu__close | Ver la página |
iv-megamenu__cloud | Ver la página |
iv-megamenu__cmd | Ver la página |
iv-megamenu__count | Ver la página |
iv-megamenu__crumb | Ver la página |
iv-megamenu__date | Ver la página |
iv-megamenu__directory | Ver la página |
iv-megamenu__dirlist | Ver la página |
iv-megamenu__discover | Ver la página |
iv-megamenu__empty | Ver la página |
iv-megamenu__facets | Ver la página |
iv-megamenu__feature | Ver la página |
iv-megamenu__feature-meta | Ver la página |
iv-megamenu__feature-title | Ver la página |
iv-megamenu__filter | Ver la página |
iv-megamenu__filter-input | Ver la página |
iv-megamenu__flag | Ver la página |
iv-megamenu__foot | Ver la página |
iv-megamenu__foot-link | Ver la página |
iv-megamenu__head | Ver la página |
iv-megamenu__heading | Ver la página |
iv-megamenu__hint | Ver la página |
iv-megamenu__item | Ver la página |
iv-megamenu__kbd | Ver la página |
iv-megamenu__link | Ver la página |
iv-megamenu__list | Ver la página |
iv-megamenu__meta | Ver la página |
iv-megamenu__name | Ver la página |
iv-megamenu__overlay | Ver la página |
iv-megamenu__overline | Ver la página |
iv-megamenu__panel | Ver la página |
iv-megamenu__prompt | Ver la página |
iv-megamenu__rank | Ver la página |
iv-megamenu__recent | Ver la página |
iv-megamenu__recent-title | Ver la página |
iv-megamenu__set | Ver la página |
iv-megamenu__status | Ver la página |
iv-megamenu__tab | Ver la página |
iv-megamenu__tabs | Ver la página |
iv-megamenu__tagline | Ver la página |
iv-megamenu__thumb | Ver la página |
iv-megamenu__ticker | Ver la página |
iv-megamenu__title | Ver la página |
iv-megamenu__toggle | Ver la página |
Locales públicos: --iv-i, --iv-megamenu-accent, --iv-megamenu-art-ratio, --iv-megamenu-caret-x, --iv-megamenu-cols, --iv-megamenu-offset, --iv-megamenu-overlay-bg, --iv-megamenu-width
components/navbar.css 15 clases
| Clase | Documentada en |
|---|---|
iv-megamenu | Ver la página |
iv-megamenu__list | Ver la página |
iv-navbar | Ver la página |
iv-navbar--center | Ver la página |
iv-navbar--glass | Ver la página |
iv-navbar--transparent | Ver la página |
iv-navbar__actions | Ver la página |
iv-navbar__brand | Ver la página |
iv-navbar__burger | Ver la página |
iv-navbar__inner | Ver la página |
iv-navbar__link | Ver la página |
iv-navbar__links | Ver la página |
iv-navbar__nav | Ver la página |
iv-navbar__panel | Ver la página |
iv-navbar__toggle | Ver la página |
Locales públicos: --iv-navbar-bg, --iv-navbar-gap, --iv-navbar-height, --iv-navbar-height-condensed, --iv-navbar-max, --iv-navbar-z
components/pagination.css 4 clases
| Clase | Documentada en |
|---|---|
iv-pagination | Ver la página |
iv-pagination__ellipsis | Ver la página |
iv-pagination__link | Ver la página |
iv-pagination__list | Ver la página |
Locales públicos: --iv-pagination-gap, --iv-pagination-radius, --iv-pagination-size
components/picker.css 22 clases
| Clase | Documentada en |
|---|---|
iv-picker | Ver la página |
iv-picker--glass | Ver la página |
iv-picker__caret | Ver la página |
iv-picker__chip | Ver la página |
iv-picker__chip-label | Ver la página |
iv-picker__chip-remove | Ver la página |
iv-picker__chips | Ver la página |
iv-picker__clear | Ver la página |
iv-picker__control | Ver la página |
iv-picker__empty | Ver la página |
iv-picker__field | Ver la página |
iv-picker__group | Ver la página |
iv-picker__group-label | Ver la página |
iv-picker__group-list | Ver la página |
iv-picker__list | Ver la página |
iv-picker__native | Ver la página |
iv-picker__option | Ver la página |
iv-picker__option--active | Ver la página |
iv-picker__placeholder | Ver la página |
iv-picker__popover | Ver la página |
iv-picker__search | Ver la página |
iv-picker__value | Ver la página |
Locales públicos: --iv-picker-caret-turn, --iv-picker-chip-bg, --iv-picker-enter, --iv-picker-max-height, --iv-picker-offset
components/popover.css 4 clases
| Clase | Documentada en |
|---|---|
iv-popover | Ver la página |
iv-popover--arrow | Ver la página |
iv-popover--glass | Ver la página |
iv-popover__title | Ver la página |
Locales públicos: --iv-popover-arrow-inset, --iv-popover-arrow-size, --iv-popover-bg, --iv-popover-border, --iv-popover-enter
components/progress.css 6 clases
| Clase | Documentada en |
|---|---|
iv-progress | Ver la página |
iv-progress--danger | Ver la página |
iv-progress--lg | Ver la página |
iv-progress--sm | Ver la página |
iv-progress--success | Ver la página |
iv-progress--warning | Ver la página |
Locales públicos: --iv-progress-color, --iv-progress-groove, --iv-progress-size, --iv-progress-track, --iv-progress-track-subtle
components/skeleton.css 5 clases
| Clase | Documentada en |
|---|---|
iv-skeleton | Ver la página |
iv-skeleton--circle | Ver la página |
iv-skeleton--rect | Ver la página |
iv-skeleton--text | Ver la página |
iv-skeleton--title | Ver la página |
Locales públicos: --iv-skeleton-bg, --iv-skeleton-highlight, --iv-skeleton-radius
components/stat.css 9 clases
| Clase | Documentada en |
|---|---|
iv-stat | Ver la página |
iv-stat--card | Ver la página |
iv-stat--glow | Ver la página |
iv-stat--lg | Ver la página |
iv-stat-group | Ver la página |
iv-stat__delta | Ver la página |
iv-stat__hint | Ver la página |
iv-stat__label | Ver la página |
iv-stat__value | Ver la página |
Locales públicos: --iv-stat-align, --iv-stat-delta-icon, --iv-stat-gap, --iv-stat-group-min, --iv-stat-size
components/stepper.css 13 clases
| Clase | Documentada en |
|---|---|
iv-stepper | Ver la página |
iv-stepper--compact | Ver la página |
iv-stepper--vertical | Ver la página |
iv-stepper__controls | Ver la página |
iv-stepper__hint | Ver la página |
iv-stepper__label | Ver la página |
iv-stepper__list | Ver la página |
iv-stepper__marker | Ver la página |
iv-stepper__panel | Ver la página |
iv-stepper__panels | Ver la página |
iv-stepper__progress | Ver la página |
iv-stepper__step | Ver la página |
iv-stepper__trigger | Ver la página |
Locales públicos: --iv-stepper-fill, --iv-stepper-gap, --iv-stepper-icon-check, --iv-stepper-line, --iv-stepper-marker, --iv-stepper-step-gap, --iv-stepper-track
components/table.css 6 clases
| Clase | Documentada en |
|---|---|
iv-table | Ver la página |
iv-table--bordered | Ver la página |
iv-table--compact | Ver la página |
iv-table--stack | Ver la página |
iv-table--striped | Ver la página |
iv-table-wrap | Ver la página |
Locales públicos: --iv-table-border, --iv-table-cell-px, --iv-table-cell-py
components/tabs.css 6 clases
| Clase | Documentada en |
|---|---|
iv-tabs | Ver la página |
iv-tabs--vertical | Ver la página |
iv-tabs__heading | Ver la página |
iv-tabs__list | Ver la página |
iv-tabs__panel | Ver la página |
iv-tabs__tab | Ver la página |
Locales públicos: --iv-tabs-gap, --iv-tabs-indicator, --iv-tabs-radius
components/timeline.css 8 clases
| Clase | Documentada en |
|---|---|
iv-timeline | Ver la página |
iv-timeline--alternate | Ver la página |
iv-timeline--compact | Ver la página |
iv-timeline--horizontal | Ver la página |
iv-timeline__body | Ver la página |
iv-timeline__item | Ver la página |
iv-timeline__time | Ver la página |
iv-timeline__title | Ver la página |
Locales públicos: --iv-timeline-gap, --iv-timeline-line, --iv-timeline-marker, --iv-timeline-rail, --iv-timeline-size, --iv-timeline-top
components/toast.css 14 clases
| Clase | Documentada en |
|---|---|
iv-toast | Ver la página |
iv-toast--danger | Ver la página |
iv-toast--info | Ver la página |
iv-toast--success | Ver la página |
iv-toast--warning | Ver la página |
iv-toast-region | Ver la página |
iv-toast-region--bottom-end | Ver la página |
iv-toast-region--bottom-start | Ver la página |
iv-toast-region--top-end | Ver la página |
iv-toast-region--top-start | Ver la página |
iv-toast__body | Ver la página |
iv-toast__dismiss | Ver la página |
iv-toast__message | Ver la página |
iv-toast__title | Ver la página |
Locales públicos: --iv-toast-tone
components/tooltip.css 1 clase
| Clase | Documentada en |
|---|---|
iv-tooltip | Ver la página |
Locales públicos: --iv-tooltip-arrow, --iv-tooltip-arrow-size, --iv-tooltip-bg, --iv-tooltip-enter, --iv-tooltip-fg
Tokens
Nombre y valor de cada propiedad personalizada que emite tokens.css, en el tema claro y en el oscuro. Los nombres son públicos; los valores pueden afinarse en una versión menor sin cambiar su significado.
| Token | Claro | Oscuro |
|---|---|---|
--iv-blur-lg | 28px | 28px |
--iv-blur-md | 16px | 16px |
--iv-blur-sm | 8px | 8px |
--iv-border-width | 1px | 1px |
--iv-border-width-strong | 3px | 3px |
--iv-color-accent | #0b6b8a | #73dfff |
--iv-color-bg | #fff | #04070f |
--iv-color-border | #d3daea | #33406a |
--iv-color-border-strong | #6b7896 | #6b7896 |
--iv-color-danger | #c22e26 | #ff9aa4 |
--iv-color-danger-subtle | #fff1f0 | #ff9aa41f |
--iv-color-focus | #1d4fc4 | #73dfff |
--iv-color-hover-surface | #0b12300a | #e6f0ff0d |
--iv-color-info | #3d47c2 | #8b95ff |
--iv-color-info-subtle | #eef0ff | #8b95ff1f |
--iv-color-on-accent | #fff | #06122b |
--iv-color-on-danger | #fff | #06122b |
--iv-color-on-info | #fff | #06122b |
--iv-color-on-primary | #fff | #06122b |
--iv-color-on-success | #fff | #06122b |
--iv-color-on-warning | #fff | #06122b |
--iv-color-overlay | #0b12308c | #02050cc7 |
--iv-color-primary | #1d4fc4 | #66b1ff |
--iv-color-primary-active | #172f7a | #3d94ff |
--iv-color-primary-border | #1d4fc48c | #66b1ff80 |
--iv-color-primary-hover | #1a3fa8 | #8fc6ff |
--iv-color-primary-subtle | #eaf4ff | #66b1ff1f |
--iv-color-success | #4f7a12 | #8bbf3a |
--iv-color-success-subtle | #f1f8e4 | #8bbf3a1f |
--iv-color-surface | #f5f7fc | #070d1c |
--iv-color-surface-raised | #fff | #0c1330 |
--iv-color-text | #0b1230 | #eef2fb |
--iv-color-text-muted | #4f5b7a | #a8b3cc |
--iv-color-warning | #8f5c00 | #fbbf24 |
--iv-color-warning-subtle | #fff8e6 | #fbbf241f |
--iv-container-max | 75rem | 75rem |
--iv-content-max | 90rem | 90rem |
--iv-ease-out | cubic-bezier(.2, .7, .2, 1) | cubic-bezier(.2, .7, .2, 1) |
--iv-focus-halo | 0 0 2px 3px #1d4fc459 | 0 0 3px 2px #66b1ff52 |
--iv-focus-offset | 2px | 2px |
--iv-focus-width | 2px | 2px |
--iv-font-mono | ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace | ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace |
--iv-font-sans | "Outfit", "Outfit Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif | "Outfit", "Outfit Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif |
--iv-glass-bg | #ffffff8c | #0c133080 |
--iv-glass-bg-strong | #ffffffc7 | #0c1330c7 |
--iv-glass-border | #ffffffa6 | #ffffff1a |
--iv-glass-highlight | #ffffffe6 | #ffffff2e |
--iv-glow-primary | #1d4fc459 | #66b1ff73 |
--iv-glow-secondary | #0b6b8a4d | #73dfff66 |
--iv-gradient-brand | linear-gradient(120deg, #1d4fc4, #3d47c2) | linear-gradient(120deg, #73dfff, #6674ff) |
--iv-gradient-primary | linear-gradient(120deg, #2266d8, #1d4fc4 50%, #3d47c2) | linear-gradient(120deg, #8fe3ff, #66b1ff 55%, #8b95ff) |
--iv-leading-normal | 1.5 | 1.5 |
--iv-leading-relaxed | 1.65 | 1.65 |
--iv-leading-snug | 1.25 | 1.25 |
--iv-leading-tight | 1.1 | 1.1 |
--iv-measure | 68ch | 68ch |
--iv-motion-base | .18s | .18s |
--iv-motion-fast | .12s | .12s |
--iv-motion-slow | .22s | .22s |
--iv-palette-amber-300 | #ffe9a8 | #ffe9a8 |
--iv-palette-amber-400 | #fbbf24 | #fbbf24 |
--iv-palette-amber-50 | #fff8e6 | #fff8e6 |
--iv-palette-amber-700 | #8f5c00 | #8f5c00 |
--iv-palette-cobalt-100 | #d6e9ff | #d6e9ff |
--iv-palette-cobalt-200 | #b3d6ff | #b3d6ff |
--iv-palette-cobalt-300 | #8fc6ff | #8fc6ff |
--iv-palette-cobalt-400 | #66b1ff | #66b1ff |
--iv-palette-cobalt-50 | #eaf4ff | #eaf4ff |
--iv-palette-cobalt-500 | #3d94ff | #3d94ff |
--iv-palette-cobalt-600 | #2266d8 | #2266d8 |
--iv-palette-cobalt-700 | #1d4fc4 | #1d4fc4 |
--iv-palette-cobalt-800 | #1a3fa8 | #1a3fa8 |
--iv-palette-cobalt-900 | #172f7a | #172f7a |
--iv-palette-cobalt-950 | #0f1d4d | #0f1d4d |
--iv-palette-cyan-100 | #cdf6ff | #cdf6ff |
--iv-palette-cyan-200 | #a6efff | #a6efff |
--iv-palette-cyan-300 | #8fe3ff | #8fe3ff |
--iv-palette-cyan-400 | #73dfff | #73dfff |
--iv-palette-cyan-50 | #e6fbff | #e6fbff |
--iv-palette-cyan-500 | #3fcdf5 | #3fcdf5 |
--iv-palette-cyan-600 | #17aad6 | #17aad6 |
--iv-palette-cyan-700 | #0e8ab0 | #0e8ab0 |
--iv-palette-cyan-800 | #0b6b8a | #0b6b8a |
--iv-palette-cyan-900 | #094d63 | #094d63 |
--iv-palette-cyan-950 | #052f3d | #052f3d |
--iv-palette-green-300 | #c6e28a | #c6e28a |
--iv-palette-green-400 | #8bbf3a | #8bbf3a |
--iv-palette-green-50 | #f1f8e4 | #f1f8e4 |
--iv-palette-green-700 | #4f7a12 | #4f7a12 |
--iv-palette-green-800 | #3f6110 | #3f6110 |
--iv-palette-indigo-100 | #dfe2ff | #dfe2ff |
--iv-palette-indigo-200 | #c2c8ff | #c2c8ff |
--iv-palette-indigo-300 | #a4adff | #a4adff |
--iv-palette-indigo-400 | #8b95ff | #8b95ff |
--iv-palette-indigo-50 | #eef0ff | #eef0ff |
--iv-palette-indigo-500 | #6674ff | #6674ff |
--iv-palette-indigo-600 | #4f5be6 | #4f5be6 |
--iv-palette-indigo-700 | #3d47c2 | #3d47c2 |
--iv-palette-indigo-800 | #313996 | #313996 |
--iv-palette-indigo-900 | #262c6e | #262c6e |
--iv-palette-indigo-950 | #171a45 | #171a45 |
--iv-palette-neutral-0 | #fff | #fff |
--iv-palette-neutral-100 | #e9edf7 | #e9edf7 |
--iv-palette-neutral-1000 | #04070f | #04070f |
--iv-palette-neutral-200 | #d3daea | #d3daea |
--iv-palette-neutral-300 | #b3bdd4 | #b3bdd4 |
--iv-palette-neutral-400 | #8f9bb8 | #8f9bb8 |
--iv-palette-neutral-50 | #f5f7fc | #f5f7fc |
--iv-palette-neutral-500 | #6b7896 | #6b7896 |
--iv-palette-neutral-600 | #4f5b7a | #4f5b7a |
--iv-palette-neutral-700 | #33406a | #33406a |
--iv-palette-neutral-800 | #1c2544 | #1c2544 |
--iv-palette-neutral-900 | #0c1330 | #0c1330 |
--iv-palette-neutral-950 | #070d1c | #070d1c |
--iv-palette-red-300 | #ff9aa4 | #ff9aa4 |
--iv-palette-red-50 | #fff1f0 | #fff1f0 |
--iv-palette-red-500 | #ff665c | #ff665c |
--iv-palette-red-600 | #c22e26 | #c22e26 |
--iv-palette-red-700 | #b52d26 | #b52d26 |
--iv-radius-full | 999rem | 999rem |
--iv-radius-lg | 1.375rem | 1.375rem |
--iv-radius-md | .875rem | .875rem |
--iv-radius-sm | .375rem | .375rem |
--iv-shadow-1 | 0 1px 2px #0b12300f | 0 0 1px 1px #1c2544 |
--iv-shadow-2 | 0 4px 12px #0b12301a | 0 4px 12px #00000073 |
--iv-shadow-3 | 0 12px 32px #0b123024 | 0 12px 32px #0000008c |
--iv-shadow-ambient | 0 2px 10px #0b12301a | 0 0 1px 1px #1c2544, 0 2px 10px #00000080 |
--iv-space-0 | 0 | 0 |
--iv-space-1 | .25rem | .25rem |
--iv-space-10 | 2.5rem | 2.5rem |
--iv-space-12 | 3rem | 3rem |
--iv-space-16 | 4rem | 4rem |
--iv-space-2 | .5rem | .5rem |
--iv-space-3 | .75rem | .75rem |
--iv-space-4 | 1rem | 1rem |
--iv-space-5 | 1.25rem | 1.25rem |
--iv-space-6 | 1.5rem | 1.5rem |
--iv-space-8 | 2rem | 2rem |
--iv-text-2xl | 1.5rem | 1.5rem |
--iv-text-3xl | clamp(1.75rem, 1.2rem + 1.5vw, 2.25rem) | clamp(1.75rem, 1.2rem + 1.5vw, 2.25rem) |
--iv-text-4xl | clamp(2.25rem, 1.5rem + 2.5vw, 3.5rem) | clamp(2.25rem, 1.5rem + 2.5vw, 3.5rem) |
--iv-text-lg | 1.125rem | 1.125rem |
--iv-text-md | 1rem | 1rem |
--iv-text-sm | .875rem | .875rem |
--iv-text-xl | 1.25rem | 1.25rem |
--iv-text-xs | .75rem | .75rem |
--iv-texture-grain-opacity | .05 | .09 |
--iv-tracking-caps | .06em | .06em |
--iv-tracking-tight | -.011em | -.011em |
--iv-weight-bold | 700 | 700 |
--iv-weight-medium | 500 | 500 |
--iv-weight-normal | 400 | 400 |
--iv-weight-semibold | 600 | 600 |
--iv-z-dialog | 300 | 300 |
--iv-z-drawer | 200 | 200 |
--iv-z-dropdown | 100 | 100 |
--iv-z-toast | 400 | 400 |
Componentes, opciones y eventos
Leídos de las fuentes JavaScript: los valores por defecto de cada componente, el atributo de datos que fija cada opción en el HTML servido y los eventos que emite. La precedencia es defaults, luego data-iv-* y luego las opciones pasadas en JavaScript.
Atributos de datos
Todos los data-iv-* que el paquete escribe o lee, en las hojas y en el JavaScript, incluida la forma de atributo de cada opción.
| Atributo |
|---|
data-iv-activation |
data-iv-align |
data-iv-auto |
data-iv-autoplay |
data-iv-autoselect |
data-iv-autostart |
data-iv-caption |
data-iv-captions |
data-iv-clear-text |
data-iv-clearable |
data-iv-close-delay |
data-iv-close-on-backdrop |
data-iv-close-on-escape |
data-iv-close-on-outside |
data-iv-close-on-select |
data-iv-close-others |
data-iv-close-text |
data-iv-collapse-below |
data-iv-collapsible |
data-iv-command |
data-iv-component |
data-iv-condense-at |
data-iv-condensed |
data-iv-count-text |
data-iv-counter |
data-iv-counter-text |
data-iv-datatable-filter |
data-iv-date |
data-iv-decimals |
data-iv-delay |
data-iv-dialog-text |
data-iv-dir |
data-iv-dismiss-text |
data-iv-duration |
data-iv-effect |
data-iv-empty-text |
data-iv-enhanced |
data-iv-error |
data-iv-error- |
data-iv-exclusive |
data-iv-filter |
data-iv-filter-delay |
data-iv-filter-text |
data-iv-first-day |
data-iv-focus |
data-iv-focus-first |
data-iv-force |
data-iv-from |
data-iv-gallery-label |
data-iv-group |
data-iv-grouping |
data-iv-has-clear |
data-iv-hash |
data-iv-hidden |
data-iv-hide-on-scroll |
data-iv-hover |
data-iv-id |
data-iv-initial-focus |
data-iv-inview |
data-iv-js |
data-iv-keywords |
data-iv-label |
data-iv-linear |
data-iv-live |
data-iv-locale |
data-iv-loop |
data-iv-max |
data-iv-max-items |
data-iv-max-recent |
data-iv-min-chars |
data-iv-mode |
data-iv-native |
data-iv-next-text |
data-iv-offset |
data-iv-once |
data-iv-open |
data-iv-open-delay |
data-iv-open-text |
data-iv-orientation |
data-iv-over-text |
data-iv-overlay |
data-iv-pause-on-hover |
data-iv-pause-text |
data-iv-placeholder |
data-iv-placement |
data-iv-play-text |
data-iv-preload |
data-iv-prev-text |
data-iv-radius |
data-iv-recent-text |
data-iv-remember |
data-iv-remove-text |
data-iv-repeat |
data-iv-return-focus |
data-iv-reveal |
data-iv-scroll |
data-iv-search |
data-iv-search-placeholder |
data-iv-shortcut |
data-iv-slash |
data-iv-slide-text |
data-iv-sort |
data-iv-sorted |
data-iv-stagger |
data-iv-state |
data-iv-static |
data-iv-static-from |
data-iv-static-host |
data-iv-status-text |
data-iv-step |
data-iv-sticky |
data-iv-strict |
data-iv-summary |
data-iv-summary-title |
data-iv-swap |
data-iv-swipe |
data-iv-tab-default |
data-iv-template |
data-iv-threshold |
data-iv-timeout |
data-iv-toast |
data-iv-today-text |
data-iv-tone |
data-iv-tooltip |
data-iv-validate |
data-iv-validate-on |
data-iv-value |
data-iv-variant |
data-iv-warn-at |
data-iv-zoom |
data-iv-zoom-text |
data-iv-zoomed |
Nada coincide con ese filtro.