Catalog · Interactive

Tooltip

Explică pe scurt un termen sau control, vizibil la hover și la focus.

AlphaComponentăInteractive

Pachet: @sistem-digital/components
Versiune: 0.1.0-alpha.3
Canal: alpha
Modul CSS: @sistem-digital/components/interactive.css

Preview și markup canonic

Previzualizarea de mai jos redă exact șirul HTML afișat în exemplul de cod. Nu există o implementare paralelă pentru documentație.

Previzualizare din markup-ul canonic

Instalare și importuri

pnpm add @sistem-digital/tokens @sistem-digital/components

Import CSS

@import '@sistem-digital/components/interactive.css';

Import JavaScript opțional

import { enhanceTooltips } from '@sistem-digital/components';

Markup canonic

<span class="sd-tooltip-wrapper" data-sd-tooltip><button type="button" class="sd-tooltip-trigger" data-sd-tooltip-trigger aria-describedby="catalog-tooltip" title="Format: 13 cifre, fără spații">CNP</button><span class="sd-tooltip" role="tooltip" id="catalog-tooltip" hidden>Format: 13 cifre, fără spații</span></span>

Contract și surse

Schimbarea claselor publice, a markup-ului canonic sau a comportamentului helperelor necesită versionare și instrucțiuni de migrare.

A fost utilă această pagină?

Da Nu

Linkul deschide un formular GitHub precompletat. Nu transmitem nimic până când alegi să publici feedback-ul și îți recomandăm să nu incluzi date personale.