Skip to content
Español

Navigate

Español

Type to search. Press Escape to close.

    Foundations

    Reference

    Every class, token, option, event and attribute the package defines, read straight from its sources. If it exists in iVOLT, it is in this table.

    Use it to check a name, to see the value a token takes in each theme, or to find the page that explains a family. How this surface may change between versions is set out in stability; the strings components write on screen are listed under localisation.

    800 classes · 157 tokens · 24 JavaScript components · 132 data attributes. Generated from the sources of 1.0.0 when this site was built.

    Type to narrow every table below. The filter runs in the page; nothing is sent anywhere.

    Classes, stylesheet by stylesheet

    Every class the published stylesheets define, grouped by the file that defines it. The second column links to the page that documents the family; a class with no page of its own is documented in the API contract of the repository.

    base.css 1 class

    ClassDocumented in
    iv-rootSee the page

    utilities.css 384 classes

    ClassDocumented in
    iv-u-blockSee the page
    iv-u-col-span-1See the page
    iv-u-col-span-12See the page
    iv-u-col-span-2See the page
    iv-u-col-span-3See the page
    iv-u-col-span-4See the page
    iv-u-col-span-5See the page
    iv-u-col-span-6See the page
    iv-u-col-span-fullSee the page
    iv-u-flexSee the page
    iv-u-flex-colSee the page
    iv-u-flex-nowrapSee the page
    iv-u-flex-rowSee the page
    iv-u-flex-wrapSee the page
    iv-u-font-boldSee the page
    iv-u-font-mediumSee the page
    iv-u-font-normalSee the page
    iv-u-font-semiboldSee the page
    iv-u-gap-0See the page
    iv-u-gap-1See the page
    iv-u-gap-10See the page
    iv-u-gap-12See the page
    iv-u-gap-2See the page
    iv-u-gap-3See the page
    iv-u-gap-4See the page
    iv-u-gap-5See the page
    iv-u-gap-6See the page
    iv-u-gap-8See the page
    iv-u-gap-x-0See the page
    iv-u-gap-x-1See the page
    iv-u-gap-x-10See the page
    iv-u-gap-x-12See the page
    iv-u-gap-x-2See the page
    iv-u-gap-x-3See the page
    iv-u-gap-x-4See the page
    iv-u-gap-x-5See the page
    iv-u-gap-x-6See the page
    iv-u-gap-x-8See the page
    iv-u-gap-y-0See the page
    iv-u-gap-y-1See the page
    iv-u-gap-y-10See the page
    iv-u-gap-y-12See the page
    iv-u-gap-y-2See the page
    iv-u-gap-y-3See the page
    iv-u-gap-y-4See the page
    iv-u-gap-y-5See the page
    iv-u-gap-y-6See the page
    iv-u-gap-y-8See the page
    iv-u-gridSee the page
    iv-u-grid-cols-1See the page
    iv-u-grid-cols-12See the page
    iv-u-grid-cols-2See the page
    iv-u-grid-cols-3See the page
    iv-u-grid-cols-4See the page
    iv-u-grid-cols-5See the page
    iv-u-grid-cols-6See the page
    iv-u-growSee the page
    iv-u-hiddenSee the page
    iv-u-inlineSee the page
    iv-u-inline-blockSee the page
    iv-u-inline-flexSee the page
    iv-u-items-baselineSee the page
    iv-u-items-centerSee the page
    iv-u-items-endSee the page
    iv-u-items-startSee the page
    iv-u-items-stretchSee the page
    iv-u-justify-aroundSee the page
    iv-u-justify-betweenSee the page
    iv-u-justify-centerSee the page
    iv-u-justify-endSee the page
    iv-u-justify-startSee the page
    iv-u-lg-blockSee the page
    iv-u-lg-col-span-1See the page
    iv-u-lg-col-span-12See the page
    iv-u-lg-col-span-2See the page
    iv-u-lg-col-span-3See the page
    iv-u-lg-col-span-4See the page
    iv-u-lg-col-span-5See the page
    iv-u-lg-col-span-6See the page
    iv-u-lg-col-span-fullSee the page
    iv-u-lg-flexSee the page
    iv-u-lg-flex-colSee the page
    iv-u-lg-flex-rowSee the page
    iv-u-lg-gap-0See the page
    iv-u-lg-gap-1See the page
    iv-u-lg-gap-10See the page
    iv-u-lg-gap-12See the page
    iv-u-lg-gap-2See the page
    iv-u-lg-gap-3See the page
    iv-u-lg-gap-4See the page
    iv-u-lg-gap-5See the page
    iv-u-lg-gap-6See the page
    iv-u-lg-gap-8See the page
    iv-u-lg-gridSee the page
    iv-u-lg-grid-cols-1See the page
    iv-u-lg-grid-cols-12See the page
    iv-u-lg-grid-cols-2See the page
    iv-u-lg-grid-cols-3See the page
    iv-u-lg-grid-cols-4See the page
    iv-u-lg-grid-cols-5See the page
    iv-u-lg-grid-cols-6See the page
    iv-u-lg-hiddenSee the page
    iv-u-lg-inlineSee the page
    iv-u-lg-inline-blockSee the page
    iv-u-lg-inline-flexSee the page
    iv-u-lg-text-centerSee the page
    iv-u-lg-text-endSee the page
    iv-u-lg-text-startSee the page
    iv-u-m-0See the page
    iv-u-m-1See the page
    iv-u-m-10See the page
    iv-u-m-12See the page
    iv-u-m-2See the page
    iv-u-m-3See the page
    iv-u-m-4See the page
    iv-u-m-5See the page
    iv-u-m-6See the page
    iv-u-m-8See the page
    iv-u-m-autoSee the page
    iv-u-max-w-contentSee the page
    iv-u-max-w-measureSee the page
    iv-u-mb-0See the page
    iv-u-mb-1See the page
    iv-u-mb-10See the page
    iv-u-mb-12See the page
    iv-u-mb-2See the page
    iv-u-mb-3See the page
    iv-u-mb-4See the page
    iv-u-mb-5See the page
    iv-u-mb-6See the page
    iv-u-mb-8See the page
    iv-u-mb-autoSee the page
    iv-u-md-blockSee the page
    iv-u-md-col-span-1See the page
    iv-u-md-col-span-12See the page
    iv-u-md-col-span-2See the page
    iv-u-md-col-span-3See the page
    iv-u-md-col-span-4See the page
    iv-u-md-col-span-5See the page
    iv-u-md-col-span-6See the page
    iv-u-md-col-span-fullSee the page
    iv-u-md-flexSee the page
    iv-u-md-flex-colSee the page
    iv-u-md-flex-rowSee the page
    iv-u-md-gap-0See the page
    iv-u-md-gap-1See the page
    iv-u-md-gap-10See the page
    iv-u-md-gap-12See the page
    iv-u-md-gap-2See the page
    iv-u-md-gap-3See the page
    iv-u-md-gap-4See the page
    iv-u-md-gap-5See the page
    iv-u-md-gap-6See the page
    iv-u-md-gap-8See the page
    iv-u-md-gridSee the page
    iv-u-md-grid-cols-1See the page
    iv-u-md-grid-cols-12See the page
    iv-u-md-grid-cols-2See the page
    iv-u-md-grid-cols-3See the page
    iv-u-md-grid-cols-4See the page
    iv-u-md-grid-cols-5See the page
    iv-u-md-grid-cols-6See the page
    iv-u-md-hiddenSee the page
    iv-u-md-inlineSee the page
    iv-u-md-inline-blockSee the page
    iv-u-md-inline-flexSee the page
    iv-u-md-text-centerSee the page
    iv-u-md-text-endSee the page
    iv-u-md-text-startSee the page
    iv-u-me-0See the page
    iv-u-me-1See the page
    iv-u-me-10See the page
    iv-u-me-12See the page
    iv-u-me-2See the page
    iv-u-me-3See the page
    iv-u-me-4See the page
    iv-u-me-5See the page
    iv-u-me-6See the page
    iv-u-me-8See the page
    iv-u-me-autoSee the page
    iv-u-ms-0See the page
    iv-u-ms-1See the page
    iv-u-ms-10See the page
    iv-u-ms-12See the page
    iv-u-ms-2See the page
    iv-u-ms-3See the page
    iv-u-ms-4See the page
    iv-u-ms-5See the page
    iv-u-ms-6See the page
    iv-u-ms-8See the page
    iv-u-ms-autoSee the page
    iv-u-mt-0See the page
    iv-u-mt-1See the page
    iv-u-mt-10See the page
    iv-u-mt-12See the page
    iv-u-mt-2See the page
    iv-u-mt-3See the page
    iv-u-mt-4See the page
    iv-u-mt-5See the page
    iv-u-mt-6See the page
    iv-u-mt-8See the page
    iv-u-mt-autoSee the page
    iv-u-mx-0See the page
    iv-u-mx-1See the page
    iv-u-mx-10See the page
    iv-u-mx-12See the page
    iv-u-mx-2See the page
    iv-u-mx-3See the page
    iv-u-mx-4See the page
    iv-u-mx-5See the page
    iv-u-mx-6See the page
    iv-u-mx-8See the page
    iv-u-mx-autoSee the page
    iv-u-my-0See the page
    iv-u-my-1See the page
    iv-u-my-10See the page
    iv-u-my-12See the page
    iv-u-my-2See the page
    iv-u-my-3See the page
    iv-u-my-4See the page
    iv-u-my-5See the page
    iv-u-my-6See the page
    iv-u-my-8See the page
    iv-u-my-autoSee the page
    iv-u-p-0See the page
    iv-u-p-1See the page
    iv-u-p-10See the page
    iv-u-p-12See the page
    iv-u-p-2See the page
    iv-u-p-3See the page
    iv-u-p-4See the page
    iv-u-p-5See the page
    iv-u-p-6See the page
    iv-u-p-8See the page
    iv-u-pb-0See the page
    iv-u-pb-1See the page
    iv-u-pb-10See the page
    iv-u-pb-12See the page
    iv-u-pb-2See the page
    iv-u-pb-3See the page
    iv-u-pb-4See the page
    iv-u-pb-5See the page
    iv-u-pb-6See the page
    iv-u-pb-8See the page
    iv-u-pe-0See the page
    iv-u-pe-1See the page
    iv-u-pe-10See the page
    iv-u-pe-12See the page
    iv-u-pe-2See the page
    iv-u-pe-3See the page
    iv-u-pe-4See the page
    iv-u-pe-5See the page
    iv-u-pe-6See the page
    iv-u-pe-8See the page
    iv-u-ps-0See the page
    iv-u-ps-1See the page
    iv-u-ps-10See the page
    iv-u-ps-12See the page
    iv-u-ps-2See the page
    iv-u-ps-3See the page
    iv-u-ps-4See the page
    iv-u-ps-5See the page
    iv-u-ps-6See the page
    iv-u-ps-8See the page
    iv-u-pt-0See the page
    iv-u-pt-1See the page
    iv-u-pt-10See the page
    iv-u-pt-12See the page
    iv-u-pt-2See the page
    iv-u-pt-3See the page
    iv-u-pt-4See the page
    iv-u-pt-5See the page
    iv-u-pt-6See the page
    iv-u-pt-8See the page
    iv-u-px-0See the page
    iv-u-px-1See the page
    iv-u-px-10See the page
    iv-u-px-12See the page
    iv-u-px-2See the page
    iv-u-px-3See the page
    iv-u-px-4See the page
    iv-u-px-5See the page
    iv-u-px-6See the page
    iv-u-px-8See the page
    iv-u-py-0See the page
    iv-u-py-1See the page
    iv-u-py-10See the page
    iv-u-py-12See the page
    iv-u-py-2See the page
    iv-u-py-3See the page
    iv-u-py-4See the page
    iv-u-py-5See the page
    iv-u-py-6See the page
    iv-u-py-8See the page
    iv-u-shrink-0See the page
    iv-u-sm-blockSee the page
    iv-u-sm-col-span-1See the page
    iv-u-sm-col-span-12See the page
    iv-u-sm-col-span-2See the page
    iv-u-sm-col-span-3See the page
    iv-u-sm-col-span-4See the page
    iv-u-sm-col-span-5See the page
    iv-u-sm-col-span-6See the page
    iv-u-sm-col-span-fullSee the page
    iv-u-sm-flexSee the page
    iv-u-sm-flex-colSee the page
    iv-u-sm-flex-rowSee the page
    iv-u-sm-gap-0See the page
    iv-u-sm-gap-1See the page
    iv-u-sm-gap-10See the page
    iv-u-sm-gap-12See the page
    iv-u-sm-gap-2See the page
    iv-u-sm-gap-3See the page
    iv-u-sm-gap-4See the page
    iv-u-sm-gap-5See the page
    iv-u-sm-gap-6See the page
    iv-u-sm-gap-8See the page
    iv-u-sm-gridSee the page
    iv-u-sm-grid-cols-1See the page
    iv-u-sm-grid-cols-12See the page
    iv-u-sm-grid-cols-2See the page
    iv-u-sm-grid-cols-3See the page
    iv-u-sm-grid-cols-4See the page
    iv-u-sm-grid-cols-5See the page
    iv-u-sm-grid-cols-6See the page
    iv-u-sm-hiddenSee the page
    iv-u-sm-inlineSee the page
    iv-u-sm-inline-blockSee the page
    iv-u-sm-inline-flexSee the page
    iv-u-sm-text-centerSee the page
    iv-u-sm-text-endSee the page
    iv-u-sm-text-startSee the page
    iv-u-sr-onlySee the page
    iv-u-sr-only-focusableSee the page
    iv-u-text-2xlSee the page
    iv-u-text-centerSee the page
    iv-u-text-endSee the page
    iv-u-text-lgSee the page
    iv-u-text-mdSee the page
    iv-u-text-mutedSee the page
    iv-u-text-smSee the page
    iv-u-text-startSee the page
    iv-u-text-xlSee the page
    iv-u-text-xsSee the page
    iv-u-truncateSee the page
    iv-u-w-autoSee the page
    iv-u-w-fullSee the page
    iv-u-xl-blockSee the page
    iv-u-xl-col-span-1See the page
    iv-u-xl-col-span-12See the page
    iv-u-xl-col-span-2See the page
    iv-u-xl-col-span-3See the page
    iv-u-xl-col-span-4See the page
    iv-u-xl-col-span-5See the page
    iv-u-xl-col-span-6See the page
    iv-u-xl-col-span-fullSee the page
    iv-u-xl-flexSee the page
    iv-u-xl-flex-colSee the page
    iv-u-xl-flex-rowSee the page
    iv-u-xl-gap-0See the page
    iv-u-xl-gap-1See the page
    iv-u-xl-gap-10See the page
    iv-u-xl-gap-12See the page
    iv-u-xl-gap-2See the page
    iv-u-xl-gap-3See the page
    iv-u-xl-gap-4See the page
    iv-u-xl-gap-5See the page
    iv-u-xl-gap-6See the page
    iv-u-xl-gap-8See the page
    iv-u-xl-gridSee the page
    iv-u-xl-grid-cols-1See the page
    iv-u-xl-grid-cols-12See the page
    iv-u-xl-grid-cols-2See the page
    iv-u-xl-grid-cols-3See the page
    iv-u-xl-grid-cols-4See the page
    iv-u-xl-grid-cols-5See the page
    iv-u-xl-grid-cols-6See the page
    iv-u-xl-hiddenSee the page
    iv-u-xl-inlineSee the page
    iv-u-xl-inline-blockSee the page
    iv-u-xl-inline-flexSee the page
    iv-u-xl-text-centerSee the page
    iv-u-xl-text-endSee the page
    iv-u-xl-text-startSee the page

    surfaces.css 10 classes

    ClassDocumented in
    iv-elevateSee the page
    iv-glassSee the page
    iv-glass--strongSee the page
    iv-glowSee the page
    iv-gradient-textSee the page
    iv-meshSee the page
    iv-shineSee the page
    iv-texture-auroraSee the page
    iv-texture-grainSee the page
    iv-texture-meshSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-edge-glintSee the page
    iv-edge-nearSee the page
    iv-pulse-glowSee the page
    iv-revealSee the page
    iv-riseSee the page
    iv-scanSee the page
    iv-scan--vSee the page
    iv-sparkSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-marqueeSee the page
    iv-marquee--fadeSee the page
    iv-marquee--reverseSee the page
    iv-marquee--verticalSee the page
    iv-marquee__itemSee the page
    iv-marquee__trackSee the page
    iv-parallaxSee the page
    iv-parallax--mediaSee the page
    iv-parallax-frameSee the page
    iv-parallax__layerSee the page
    iv-scroll-progressSee the page
    iv-stack-cardsSee the page
    iv-stack-cards__cardSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-countSee the page
    iv-text-glowSee the page
    iv-text-glow--pulseSee the page
    iv-text-outlineSee the page
    iv-text-outline--fillSee the page
    iv-text-revealSee the page
    iv-text-reveal__lineSee the page
    iv-text-shimmerSee the page
    iv-text-shimmer--onceSee the page

    Public locals: --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 class

    ClassDocumented in
    iv-clusterSee the page

    layout/container.css 3 classes

    ClassDocumented in
    iv-containerSee the page
    iv-container--narrowSee the page
    iv-container--wideSee the page

    layout/grid.css 2 classes

    ClassDocumented in
    iv-gridSee the page
    iv-grid--autoSee the page

    layout/stack.css 2 classes

    ClassDocumented in
    iv-stackSee the page
    iv-stack--centerSee the page

    components/alert.css 9 classes

    ClassDocumented in
    iv-alertSee the page
    iv-alert--dangerSee the page
    iv-alert--infoSee the page
    iv-alert--successSee the page
    iv-alert--warningSee the page
    iv-alert__actionsSee the page
    iv-alert__bodySee the page
    iv-alert__iconSee the page
    iv-alert__titleSee the page

    Public locals: --iv-alert-bg, --iv-alert-tone

    components/avatar.css 10 classes

    ClassDocumented in
    iv-avatarSee the page
    iv-avatar--lgSee the page
    iv-avatar--ringSee the page
    iv-avatar--smSee the page
    iv-avatar--squareSee the page
    iv-avatar--xlSee the page
    iv-avatar-groupSee the page
    iv-avatar-group__moreSee the page
    iv-avatar__imgSee the page
    iv-avatar__statusSee the page

    Public locals: --iv-avatar-radius, --iv-avatar-ring, --iv-avatar-size, --iv-avatar-status-color

    components/badge.css 7 classes

    ClassDocumented in
    iv-badgeSee the page
    iv-badge--dangerSee the page
    iv-badge--infoSee the page
    iv-badge--primarySee the page
    iv-badge--solidSee the page
    iv-badge--successSee the page
    iv-badge--warningSee the page

    Public locals: --iv-badge-bg, --iv-badge-border, --iv-badge-fg, --iv-badge-on-tone, --iv-badge-tone, --iv-badge-tone-subtle

    components/breadcrumb.css 3 classes

    ClassDocumented in
    iv-breadcrumbSee the page
    iv-breadcrumb__itemSee the page
    iv-breadcrumb__listSee the page

    Public locals: --iv-breadcrumb-gap, --iv-breadcrumb-separator-size

    components/button.css 9 classes

    ClassDocumented in
    iv-buttonSee the page
    iv-button--dangerSee the page
    iv-button--ghostSee the page
    iv-button--iconSee the page
    iv-button--lgSee the page
    iv-button--primarySee the page
    iv-button--secondarySee the page
    iv-button--smSee the page
    iv-button-groupSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-cardSee the page
    iv-card--flatSee the page
    iv-card__bodySee the page
    iv-card__footerSee the page
    iv-card__mediaSee the page
    iv-card__titleSee the page

    Public locals: --iv-card-inner-radius, --iv-card-shadow, --iv-card-shadow-hover

    ClassDocumented in
    iv-carouselSee the page
    iv-carousel--containedSee the page
    iv-carousel--tallSee the page
    iv-carousel__captionSee the page
    iv-carousel__controlsSee the page
    iv-carousel__counterSee the page
    iv-carousel__dotsSee the page
    iv-carousel__dots--thumbsSee the page
    iv-carousel__mediaSee the page
    iv-carousel__nextSee the page
    iv-carousel__prevSee the page
    iv-carousel__progressSee the page
    iv-carousel__scrimSee the page
    iv-carousel__slideSee the page
    iv-carousel__toggleSee the page
    iv-carousel__trackSee the page
    iv-carousel__viewportSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-comboboxSee the page
    iv-combobox__emptySee the page
    iv-combobox__inputSee the page
    iv-combobox__listSee the page
    iv-combobox__optionSee the page

    Public locals: --iv-combobox-max-height, --iv-combobox-offset

    components/command.css 17 classes

    ClassDocumented in
    iv-commandSee the page
    iv-command--glassSee the page
    iv-command__emptySee the page
    iv-command__fieldSee the page
    iv-command__groupSee the page
    iv-command__groupsSee the page
    iv-command__headingSee the page
    iv-command__hintsSee the page
    iv-command__iconSee the page
    iv-command__inputSee the page
    iv-command__itemSee the page
    iv-command__item--activeSee the page
    iv-command__kbdSee the page
    iv-command__labelSee the page
    iv-command__listSee the page
    iv-command__statusSee the page
    iv-dialog__panelSee the page

    Public locals: --iv-command-gutter, --iv-command-icon, --iv-command-max-height, --iv-dialog-width

    components/datatable.css 6 classes

    ClassDocumented in
    iv-datatableSee the page
    iv-datatable__emptySee the page
    iv-datatable__filterSee the page
    iv-datatable__sortSee the page
    iv-datatable__statusSee the page
    iv-table--stackSee the page

    Public locals: --iv-datatable-gap, --iv-icon-sort, --iv-icon-sort-down, --iv-icon-sort-up

    components/datepicker.css 15 classes

    ClassDocumented in
    iv-datepickerSee the page
    iv-datepicker__controlSee the page
    iv-datepicker__daySee the page
    iv-datepicker__day--outsideSee the page
    iv-datepicker__day--todaySee the page
    iv-datepicker__footerSee the page
    iv-datepicker__gridSee the page
    iv-datepicker__headerSee the page
    iv-datepicker__iconSee the page
    iv-datepicker__navSee the page
    iv-datepicker__popoverSee the page
    iv-datepicker__titleSee the page
    iv-datepicker__toggleSee the page
    iv-datepicker__weekdaySee the page
    iv-inputSee the page

    Public locals: --iv-datepicker-cell, --iv-datepicker-enter, --iv-datepicker-max-height, --iv-datepicker-offset

    components/dialog.css 6 classes

    ClassDocumented in
    iv-dialogSee the page
    iv-dialog__bodySee the page
    iv-dialog__footerSee the page
    iv-dialog__headerSee the page
    iv-dialog__panelSee the page
    iv-dialog__titleSee the page

    components/disclosure.css 4 classes

    ClassDocumented in
    iv-accordionSee the page
    iv-disclosureSee the page
    iv-disclosure__contentSee the page
    iv-disclosure__summarySee the page

    Public locals: --iv-disclosure-bg, --iv-disclosure-px, --iv-disclosure-py, --iv-disclosure-radius

    components/drawer.css 7 classes

    ClassDocumented in
    iv-drawerSee the page
    iv-drawer--endSee the page
    iv-drawer__bodySee the page
    iv-drawer__footerSee the page
    iv-drawer__headerSee the page
    iv-drawer__panelSee the page
    iv-drawer__titleSee the page

    Public locals: --iv-drawer-from

    components/dropdown.css 5 classes

    ClassDocumented in
    iv-dropdownSee the page
    iv-dropdown--endSee the page
    iv-dropdown__itemSee the page
    iv-dropdown__menuSee the page
    iv-dropdown__separatorSee the page

    Public locals: --iv-dropdown-min-width, --iv-dropdown-offset

    components/form.css 39 classes

    ClassDocumented in
    iv-checkSee the page
    iv-checksSee the page
    iv-checks--inlineSee the page
    iv-counterSee the page
    iv-counter--overSee the page
    iv-counter--warnSee the page
    iv-counter__valueSee the page
    iv-fieldSee the page
    iv-field--floatSee the page
    iv-field--invalidSee the page
    iv-field--validSee the page
    iv-field__errorSee the page
    iv-field__helpSee the page
    iv-fieldsetSee the page
    iv-fieldset__legendSee the page
    iv-fileSee the page
    iv-file__zoneSee the page
    iv-formSee the page
    iv-form__summarySee the page
    iv-form__summary-listSee the page
    iv-form__summary-titleSee the page
    iv-inputSee the page
    iv-input--lgSee the page
    iv-input--smSee the page
    iv-input-groupSee the page
    iv-input-group__addonSee the page
    iv-input-group__addon--buttonSee the page
    iv-labelSee the page
    iv-label__requiredSee the page
    iv-pickerSee the page
    iv-picker__fieldSee the page
    iv-picker__placeholderSee the page
    iv-rangeSee the page
    iv-selectSee the page
    iv-shakeSee the page
    iv-switchSee the page
    iv-switch__thumbSee the page
    iv-switch__trackSee the page
    iv-textareaSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-heroSee the page
    iv-hero--centerSee the page
    iv-hero--cinematicSee the page
    iv-hero--compactSee the page
    iv-hero--kenburnsSee the page
    iv-hero--lightSee the page
    iv-hero--splitSee the page
    iv-hero--terminalSee the page
    iv-hero__actionsSee the page
    iv-hero__asideSee the page
    iv-hero__contentSee the page
    iv-hero__factsSee the page
    iv-hero__kickerSee the page
    iv-hero__leadSee the page
    iv-hero__mediaSee the page
    iv-hero__scrimSee the page
    iv-hero__titleSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-gallerySee the page
    iv-gallery--masonrySee the page
    iv-gallery--stripSee the page
    iv-gallery__imgSee the page
    iv-gallery__itemSee the page
    iv-lightboxSee the page
    iv-lightbox__buttonSee the page
    iv-lightbox__captionSee the page
    iv-lightbox__closeSee the page
    iv-lightbox__counterSee the page
    iv-lightbox__imgSee the page
    iv-lightbox__nextSee the page
    iv-lightbox__panelSee the page
    iv-lightbox__prevSee the page
    iv-lightbox__stageSee the page
    iv-lightbox__zoomSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-megamenuSee the page
    iv-megamenu--denseSee the page
    iv-megamenu--fullSee the page
    iv-megamenu--glassSee the page
    iv-megamenu__allSee the page
    iv-megamenu__arrowSee the page
    iv-megamenu__artSee the page
    iv-megamenu__asideSee the page
    iv-megamenu__bodySee the page
    iv-megamenu__cardSee the page
    iv-megamenu__cardsSee the page
    iv-megamenu__caret-blinkSee the page
    iv-megamenu__closeSee the page
    iv-megamenu__cloudSee the page
    iv-megamenu__cmdSee the page
    iv-megamenu__countSee the page
    iv-megamenu__crumbSee the page
    iv-megamenu__dateSee the page
    iv-megamenu__directorySee the page
    iv-megamenu__dirlistSee the page
    iv-megamenu__discoverSee the page
    iv-megamenu__emptySee the page
    iv-megamenu__facetsSee the page
    iv-megamenu__featureSee the page
    iv-megamenu__feature-metaSee the page
    iv-megamenu__feature-titleSee the page
    iv-megamenu__filterSee the page
    iv-megamenu__filter-inputSee the page
    iv-megamenu__flagSee the page
    iv-megamenu__footSee the page
    iv-megamenu__foot-linkSee the page
    iv-megamenu__headSee the page
    iv-megamenu__headingSee the page
    iv-megamenu__hintSee the page
    iv-megamenu__itemSee the page
    iv-megamenu__kbdSee the page
    iv-megamenu__linkSee the page
    iv-megamenu__listSee the page
    iv-megamenu__metaSee the page
    iv-megamenu__nameSee the page
    iv-megamenu__overlaySee the page
    iv-megamenu__overlineSee the page
    iv-megamenu__panelSee the page
    iv-megamenu__promptSee the page
    iv-megamenu__rankSee the page
    iv-megamenu__recentSee the page
    iv-megamenu__recent-titleSee the page
    iv-megamenu__setSee the page
    iv-megamenu__statusSee the page
    iv-megamenu__tabSee the page
    iv-megamenu__tabsSee the page
    iv-megamenu__taglineSee the page
    iv-megamenu__thumbSee the page
    iv-megamenu__tickerSee the page
    iv-megamenu__titleSee the page
    iv-megamenu__toggleSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-megamenuSee the page
    iv-megamenu__listSee the page
    iv-navbarSee the page
    iv-navbar--centerSee the page
    iv-navbar--glassSee the page
    iv-navbar--transparentSee the page
    iv-navbar__actionsSee the page
    iv-navbar__brandSee the page
    iv-navbar__burgerSee the page
    iv-navbar__innerSee the page
    iv-navbar__linkSee the page
    iv-navbar__linksSee the page
    iv-navbar__navSee the page
    iv-navbar__panelSee the page
    iv-navbar__toggleSee the page

    Public locals: --iv-navbar-bg, --iv-navbar-gap, --iv-navbar-height, --iv-navbar-height-condensed, --iv-navbar-max, --iv-navbar-z

    components/pagination.css 4 classes

    ClassDocumented in
    iv-paginationSee the page
    iv-pagination__ellipsisSee the page
    iv-pagination__linkSee the page
    iv-pagination__listSee the page

    Public locals: --iv-pagination-gap, --iv-pagination-radius, --iv-pagination-size

    components/picker.css 22 classes

    ClassDocumented in
    iv-pickerSee the page
    iv-picker--glassSee the page
    iv-picker__caretSee the page
    iv-picker__chipSee the page
    iv-picker__chip-labelSee the page
    iv-picker__chip-removeSee the page
    iv-picker__chipsSee the page
    iv-picker__clearSee the page
    iv-picker__controlSee the page
    iv-picker__emptySee the page
    iv-picker__fieldSee the page
    iv-picker__groupSee the page
    iv-picker__group-labelSee the page
    iv-picker__group-listSee the page
    iv-picker__listSee the page
    iv-picker__nativeSee the page
    iv-picker__optionSee the page
    iv-picker__option--activeSee the page
    iv-picker__placeholderSee the page
    iv-picker__popoverSee the page
    iv-picker__searchSee the page
    iv-picker__valueSee the page

    Public locals: --iv-picker-caret-turn, --iv-picker-chip-bg, --iv-picker-enter, --iv-picker-max-height, --iv-picker-offset

    components/popover.css 4 classes

    ClassDocumented in
    iv-popoverSee the page
    iv-popover--arrowSee the page
    iv-popover--glassSee the page
    iv-popover__titleSee the page

    Public locals: --iv-popover-arrow-inset, --iv-popover-arrow-size, --iv-popover-bg, --iv-popover-border, --iv-popover-enter

    components/progress.css 6 classes

    ClassDocumented in
    iv-progressSee the page
    iv-progress--dangerSee the page
    iv-progress--lgSee the page
    iv-progress--smSee the page
    iv-progress--successSee the page
    iv-progress--warningSee the page

    Public locals: --iv-progress-color, --iv-progress-groove, --iv-progress-size, --iv-progress-track, --iv-progress-track-subtle

    components/skeleton.css 5 classes

    ClassDocumented in
    iv-skeletonSee the page
    iv-skeleton--circleSee the page
    iv-skeleton--rectSee the page
    iv-skeleton--textSee the page
    iv-skeleton--titleSee the page

    Public locals: --iv-skeleton-bg, --iv-skeleton-highlight, --iv-skeleton-radius

    components/stat.css 9 classes

    ClassDocumented in
    iv-statSee the page
    iv-stat--cardSee the page
    iv-stat--glowSee the page
    iv-stat--lgSee the page
    iv-stat-groupSee the page
    iv-stat__deltaSee the page
    iv-stat__hintSee the page
    iv-stat__labelSee the page
    iv-stat__valueSee the page

    Public locals: --iv-stat-align, --iv-stat-delta-icon, --iv-stat-gap, --iv-stat-group-min, --iv-stat-size

    components/stepper.css 13 classes

    ClassDocumented in
    iv-stepperSee the page
    iv-stepper--compactSee the page
    iv-stepper--verticalSee the page
    iv-stepper__controlsSee the page
    iv-stepper__hintSee the page
    iv-stepper__labelSee the page
    iv-stepper__listSee the page
    iv-stepper__markerSee the page
    iv-stepper__panelSee the page
    iv-stepper__panelsSee the page
    iv-stepper__progressSee the page
    iv-stepper__stepSee the page
    iv-stepper__triggerSee the page

    Public locals: --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 classes

    ClassDocumented in
    iv-tableSee the page
    iv-table--borderedSee the page
    iv-table--compactSee the page
    iv-table--stackSee the page
    iv-table--stripedSee the page
    iv-table-wrapSee the page

    Public locals: --iv-table-border, --iv-table-cell-px, --iv-table-cell-py

    components/tabs.css 6 classes

    ClassDocumented in
    iv-tabsSee the page
    iv-tabs--verticalSee the page
    iv-tabs__headingSee the page
    iv-tabs__listSee the page
    iv-tabs__panelSee the page
    iv-tabs__tabSee the page

    Public locals: --iv-tabs-gap, --iv-tabs-indicator, --iv-tabs-radius

    components/timeline.css 8 classes

    ClassDocumented in
    iv-timelineSee the page
    iv-timeline--alternateSee the page
    iv-timeline--compactSee the page
    iv-timeline--horizontalSee the page
    iv-timeline__bodySee the page
    iv-timeline__itemSee the page
    iv-timeline__timeSee the page
    iv-timeline__titleSee the page

    Public locals: --iv-timeline-gap, --iv-timeline-line, --iv-timeline-marker, --iv-timeline-rail, --iv-timeline-size, --iv-timeline-top

    components/toast.css 14 classes

    ClassDocumented in
    iv-toastSee the page
    iv-toast--dangerSee the page
    iv-toast--infoSee the page
    iv-toast--successSee the page
    iv-toast--warningSee the page
    iv-toast-regionSee the page
    iv-toast-region--bottom-endSee the page
    iv-toast-region--bottom-startSee the page
    iv-toast-region--top-endSee the page
    iv-toast-region--top-startSee the page
    iv-toast__bodySee the page
    iv-toast__dismissSee the page
    iv-toast__messageSee the page
    iv-toast__titleSee the page

    Public locals: --iv-toast-tone

    components/tooltip.css 1 class

    ClassDocumented in
    iv-tooltipSee the page

    Public locals: --iv-tooltip-arrow, --iv-tooltip-arrow-size, --iv-tooltip-bg, --iv-tooltip-enter, --iv-tooltip-fg

    Tokens

    Names and values of every custom property tokens.css emits, in the light theme and in the dark one. Names are public; values may be tuned in a minor version without changing their meaning.

    TokenLightDark
    --iv-blur-lg28px28px
    --iv-blur-md16px16px
    --iv-blur-sm8px8px
    --iv-border-width1px1px
    --iv-border-width-strong3px3px
    --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-max75rem75rem
    --iv-content-max90rem90rem
    --iv-ease-outcubic-bezier(.2, .7, .2, 1)cubic-bezier(.2, .7, .2, 1)
    --iv-focus-halo0 0 2px 3px #1d4fc4590 0 3px 2px #66b1ff52
    --iv-focus-offset2px2px
    --iv-focus-width2px2px
    --iv-font-monoui-monospace, "SFMono-Regular", Menlo, Consolas, monospaceui-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-brandlinear-gradient(120deg, #1d4fc4, #3d47c2)linear-gradient(120deg, #73dfff, #6674ff)
    --iv-gradient-primarylinear-gradient(120deg, #2266d8, #1d4fc4 50%, #3d47c2)linear-gradient(120deg, #8fe3ff, #66b1ff 55%, #8b95ff)
    --iv-leading-normal1.51.5
    --iv-leading-relaxed1.651.65
    --iv-leading-snug1.251.25
    --iv-leading-tight1.11.1
    --iv-measure68ch68ch
    --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-full999rem999rem
    --iv-radius-lg1.375rem1.375rem
    --iv-radius-md.875rem.875rem
    --iv-radius-sm.375rem.375rem
    --iv-shadow-10 1px 2px #0b12300f0 0 1px 1px #1c2544
    --iv-shadow-20 4px 12px #0b12301a0 4px 12px #00000073
    --iv-shadow-30 12px 32px #0b1230240 12px 32px #0000008c
    --iv-shadow-ambient0 2px 10px #0b12301a0 0 1px 1px #1c2544, 0 2px 10px #00000080
    --iv-space-000
    --iv-space-1.25rem.25rem
    --iv-space-102.5rem2.5rem
    --iv-space-123rem3rem
    --iv-space-164rem4rem
    --iv-space-2.5rem.5rem
    --iv-space-3.75rem.75rem
    --iv-space-41rem1rem
    --iv-space-51.25rem1.25rem
    --iv-space-61.5rem1.5rem
    --iv-space-82rem2rem
    --iv-text-2xl1.5rem1.5rem
    --iv-text-3xlclamp(1.75rem, 1.2rem + 1.5vw, 2.25rem)clamp(1.75rem, 1.2rem + 1.5vw, 2.25rem)
    --iv-text-4xlclamp(2.25rem, 1.5rem + 2.5vw, 3.5rem)clamp(2.25rem, 1.5rem + 2.5vw, 3.5rem)
    --iv-text-lg1.125rem1.125rem
    --iv-text-md1rem1rem
    --iv-text-sm.875rem.875rem
    --iv-text-xl1.25rem1.25rem
    --iv-text-xs.75rem.75rem
    --iv-texture-grain-opacity.05.09
    --iv-tracking-caps.06em.06em
    --iv-tracking-tight-.011em-.011em
    --iv-weight-bold700700
    --iv-weight-medium500500
    --iv-weight-normal400400
    --iv-weight-semibold600600
    --iv-z-dialog300300
    --iv-z-drawer200200
    --iv-z-dropdown100100
    --iv-z-toast400400

    Components, options and events

    Read from the JavaScript sources: the defaults of each component, the data attribute that sets each option in the served HTML, and the events the component emits. Precedence is defaults, then data-iv-*, then the options passed in JavaScript.

    Option or eventDefaultAttribute
    effect"slide"data-iv-effect
    autoplay0data-iv-autoplay
    looptruedata-iv-loop
    pauseOnHovertruedata-iv-pause-on-hover
    swipetruedata-iv-swipe
    duration600data-iv-duration
    pauseText"Pause"data-iv-pause-text
    playText"Play"data-iv-play-text
    slideText"{index} of {total}"data-iv-slide-text
    counterText"{index} / {total}"data-iv-counter-text
    iv:changeEmitted event
    iv:changedEmitted event
    iv:pauseEmitted event
    iv:playEmitted event

    Combobox @intervolutions/ivolt/combobox

    Option or eventDefaultAttribute
    filter"contains"data-iv-filter
    minChars0data-iv-min-chars
    strictfalsedata-iv-strict
    autoselectfalsedata-iv-autoselect
    emptyText"No matches"data-iv-empty-text
    iv:changeEmitted event
    iv:changedEmitted event
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Command @intervolutions/ivolt/command

    Option or eventDefaultAttribute
    shortcuttruedata-iv-shortcut
    slashtruedata-iv-slash
    rememberfalsedata-iv-remember
    recentText"Recent"data-iv-recent-text
    emptyText"No results"data-iv-empty-text
    placeholder""data-iv-placeholder
    maxRecent5data-iv-max-recent
    iv:commandEmitted event
    iv:commandedEmitted event
    iv:filterEmitted event

    Counter @intervolutions/ivolt/counter

    Option or eventDefaultAttribute
    mode"chars"data-iv-mode
    max0data-iv-max
    warnAt0.9data-iv-warn-at
    template""data-iv-template
    overText"Too long"data-iv-over-text
    iv:countEmitted event

    Countup @intervolutions/ivolt/countup

    Option or eventDefaultAttribute
    from0data-iv-from
    duration900data-iv-duration
    decimals-1data-iv-decimals
    groupingtruedata-iv-grouping
    oncetruedata-iv-once
    autostartfalsedata-iv-autostart
    iv:countEmitted event
    iv:countedEmitted event

    DataTable @intervolutions/ivolt/datatable

    Option or eventDefaultAttribute
    filterDelay150data-iv-filter-delay
    emptyText"No rows match"data-iv-empty-text
    statusText"{visible} of {total} rows"data-iv-status-text
    localenulldata-iv-locale
    iv:filterEmitted event
    iv:filteredEmitted event
    iv:sortEmitted event
    iv:sortedEmitted event

    Datepicker @intervolutions/ivolt/datepicker

    Option or eventDefaultAttribute
    native"auto"data-iv-native
    locale""data-iv-locale
    firstDay-1data-iv-first-day
    openText"Open calendar"data-iv-open-text
    prevText"Previous month"data-iv-prev-text
    nextText"Next month"data-iv-next-text
    todayText"Today"data-iv-today-text
    clearText"Clear"data-iv-clear-text
    dialogText"Choose a date"data-iv-dialog-text
    iv:changeEmitted event
    iv:changedEmitted event
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Dialog @intervolutions/ivolt/dialog

    Option or eventDefaultAttribute
    closeOnBackdroptruedata-iv-close-on-backdrop
    closeOnEscapetruedata-iv-close-on-escape
    initialFocusnulldata-iv-initial-focus
    returnFocustruedata-iv-return-focus
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Disclosure @intervolutions/ivolt/disclosure

    Option or eventDefaultAttribute
    exclusivefalsedata-iv-exclusive
    closeOnOutsidefalsedata-iv-close-on-outside
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Drawer @intervolutions/ivolt/drawer

    Option or eventDefaultAttribute
    placement"start"data-iv-placement
    staticFrom"lg"data-iv-static-from
    closeOnBackdroptruedata-iv-close-on-backdrop
    closeOnEscapetruedata-iv-close-on-escape
    returnFocustruedata-iv-return-focus
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Dropdown @intervolutions/ivolt/dropdown

    Option or eventDefaultAttribute
    placement"bottom-start"data-iv-placement
    closeOnSelecttruedata-iv-close-on-select
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Form @intervolutions/ivolt/form

    Option or eventDefaultAttribute
    validateOn"blur"data-iv-validate-on
    summaryfalsedata-iv-summary
    summaryTitle"Please fix the following"data-iv-summary-title
    focusFirsttruedata-iv-focus-first
    scrolltruedata-iv-scroll
    livetruedata-iv-live
    iv:invalidEmitted event
    iv:validEmitted event
    iv:validateEmitted event

    Lightbox @intervolutions/ivolt/lightbox

    Option or eventDefaultAttribute
    looptruedata-iv-loop
    zoomtruedata-iv-zoom
    swipetruedata-iv-swipe
    preload1data-iv-preload
    countertruedata-iv-counter
    captionstruedata-iv-captions
    closeText"Close"data-iv-close-text
    prevText"Previous"data-iv-prev-text
    nextText"Next"data-iv-next-text
    zoomText"Zoom"data-iv-zoom-text
    galleryLabel"Image viewer"data-iv-gallery-label
    counterText"{index} / {total}"data-iv-counter-text
    iv:changeEmitted event
    iv:changedEmitted event
    iv:zoomEmitted event

    Megamenu @intervolutions/ivolt/megamenu

    Option or eventDefaultAttribute
    hovertruedata-iv-hover
    openDelay120data-iv-open-delay
    closeDelay320data-iv-close-delay
    staticFrom"lg"data-iv-static-from
    overlaytruedata-iv-overlay
    closeOtherstruedata-iv-close-others
    filtertruedata-iv-filter
    emptyText"No matches"data-iv-empty-text
    countText"{count} results"data-iv-count-text
    closeText"Close"data-iv-close-text
    iv:changeEmitted event
    iv:changedEmitted event
    iv:closeEmitted event
    iv:closedEmitted event
    iv:filterEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Navbar @intervolutions/ivolt/navbar

    Option or eventDefaultAttribute
    collapseBelow"lg"data-iv-collapse-below
    stickyfalsedata-iv-sticky
    condenseAt24data-iv-condense-at
    hideOnScrollfalsedata-iv-hide-on-scroll
    closeOnOutsidetruedata-iv-close-on-outside
    iv:closeEmitted event
    iv:closedEmitted event
    iv:condenseEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Picker @intervolutions/ivolt/picker

    Option or eventDefaultAttribute
    search"auto"data-iv-search
    placeholder"Select…"data-iv-placeholder
    searchPlaceholder"Search"data-iv-search-placeholder
    emptyText"No matches"data-iv-empty-text
    countText"{count} selected"data-iv-count-text
    clearText"Clear selection"data-iv-clear-text
    removeText"Remove {label}"data-iv-remove-text
    clearabletruedata-iv-clearable
    closeOnSelecttruedata-iv-close-on-select
    maxItems0data-iv-max-items
    iv:changeEmitted event
    iv:changedEmitted event
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Popover @intervolutions/ivolt/popover

    Option or eventDefaultAttribute
    placement"bottom"data-iv-placement
    align"start"data-iv-align
    offset8data-iv-offset
    focustruedata-iv-focus
    iv:closedEmitted event
    iv:openedEmitted event

    Proximity @intervolutions/ivolt/proximity

    Option or eventDefaultAttribute
    radius160data-iv-radius

    Reveal @intervolutions/ivolt/reveal

    Option or eventDefaultAttribute
    threshold0.15data-iv-threshold
    repeatfalsedata-iv-repeat
    stagger80data-iv-stagger

    ScrollMotion @intervolutions/ivolt/scroll-motion

    Option or eventDefaultAttribute
    forcefalsedata-iv-force

    Stepper @intervolutions/ivolt/stepper

    Option or eventDefaultAttribute
    lineartruedata-iv-linear
    validatetruedata-iv-validate
    hashfalsedata-iv-hash
    focus"panel"data-iv-focus
    statusText"Step {index} of {total}: {label}"data-iv-status-text
    iv:changeEmitted event
    iv:changedEmitted event
    iv:completeEmitted event

    Tabs @intervolutions/ivolt/tabs

    Option or eventDefaultAttribute
    activation"automatic"data-iv-activation
    orientation"horizontal"data-iv-orientation
    iv:changeEmitted event
    iv:changedEmitted event

    Toast @intervolutions/ivolt/toast

    Option or eventDefaultAttribute
    placement"bottom-end"data-iv-placement
    max3data-iv-max
    dismissText"Dismiss"data-iv-dismiss-text
    iv:closeEmitted event
    iv:closedEmitted event
    iv:openEmitted event
    iv:openedEmitted event

    Tooltip @intervolutions/ivolt/tooltip

    Option or eventDefaultAttribute
    delay300data-iv-delay
    placement"top"data-iv-placement
    iv:hiddenEmitted event
    iv:hideEmitted event
    iv:showEmitted event
    iv:shownEmitted event

    Data attributes

    Every data-iv-* the package writes or reads, from the stylesheets and from the JavaScript, including the attribute form of every option.

    Attribute
    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