Documenta UI Kit

Duces

• Migratio shadcn

  Componentem React ex shadcn/ui in modulum Chiralkit converte, in quolibet stack utilem.

Componentes instituendi

Omnis componens in inceptum tuum venit ut fons tuus — recensibilis, mutabilis, a te versionibus notatus.

• badge

  Parva tessera ad genus, statum vel categoriam notandam.

• button

  Button fundamentale design system — variantes primary/secondary cum statu disabled.

• card

  Superficies marginata et rotundata ad contenta congreganda — sine props, unico default slot, sine role ARIA. Qui eo utuntur structuram titulorum suam intus componunt.

• checkbox

  <input type="checkbox"> nativum ut custom element design system involutum — props checked/indeterminate ad DOM transmittuntur, dsChange novum statum booleanum emittit. Speciem checkbox quam browser praebet servat, ut mores AT et modi forced-colors conserventur.

• code-block

  Codicis capsa cum titulo linguae et button ad exscribendum insito.

• dialog

  Elementum <dialog> nativum ut custom element design system involutum — showModal() machinam statuum modalem (focus trap, Escape ad claudendum, fundum inertem, return-focus) per suggestum browser praebet, non ARIA ab integro aedificatam. Props: open, label|labelledBy, describedBy. Eventus: dsOpen, dsClose.

• figure-canvas

  Spatium figurarum iterabile cum zoom, inspectione et rotatione horizontali per tractum optionali.

• input

  <input> nativum ut custom element design system involutum — genera text/email/password/search/tel/url/number sustinet, invalid+describedBy ad status erroris, et in omni ictu clavis dsInput cum valore praesenti emittit.

• loader

  Index onerationis indefinitus ex path logo chiralkit factus — duae partes speculares circa centrum anuli oscillant.

• select

  <select> nativum ut custom element design system involutum — optiones per prop traduntur, dsChange cum novo valore emittit.

• tabs

  Exemplar WAI-ARIA Tabs (ab integro aedificatum) — tablist tantum, cum roving tabindex, navigatione per claves sagittarum, Home/End et activatione automatica. Qui eo utitur tabpanels suos in light DOM reddit et visibilitatem in dsChange commutat. shadow:false, ut ids tabs e tabpanels per aria-labelledby attingi possint.

• textarea

  <textarea> nativum ut custom element design system involutum — campus textus plurium versuum cum prop rows, invalid+describedBy ad status erroris, et eventus dsInput in omni ictu clavis emissus.

• tooltip

  Exemplar WAI-ARIA Tooltip (ab integro aedificatum) — primum Element child eius qui utitur ut trigger involvit; in hover aperitur (cum openDelay) et in focus statim; Escape dimittitur, trigger focum servante; in blur aut in mouseleave germano clauditur. shadow:false, ut aria-describedby in trigger id tooltip attingere possit.