Drawer form
deprecatedDeprecated — use Form-less dialog (dialog family) — first case: „Nový kontakt", proposal /preview/_navrhy/ramec.html?b=navrh&v=osoba instead. AD 14 September 2026 (OV-2): „drawer form už na nic nepoužíváme, nebudeme používat" — replaced by the form-less dialog. Code on main still has 20 <DrawerForm> call sites in 17 files (Lidé, Firmy, Banka, Majetek, Uživatelé, Zasedačky, Pokladna, Rozpočty, Telefony, Týmy, Vozidla, Dokumenty, Šanony, AI zaměstnanci, provize, náklady) — migration is open work, not done. Existing usages stay until they are migrated; do not build anything new on it.
Deprecated — create/edit forms move to the form-less dialog (e.g. „Nový kontakt"). The side panel with a field form is no longer used for new work.
Used in 18 files · 13 areas · 85× — components/deal, components/mail, components/orders, components/products, components/projects, pages/AiZamestnanciPage …
@acrm/ui <DrawerForm> <DrawerField>.pdr .pdr-top .pdr-body .pdr-footSourceStoryLegacy card drawer-form.htmlImport
import { DrawerForm, DrawerField } from '@acrm/ui'Props
DrawerForm packages/ui/src/components/DrawerForm.tsx
| Name | Type | Default | Description |
|---|---|---|---|
title * | string | — | — |
icon * | string | — | — |
submitLabel * | string | — | — |
canSubmit * | boolean | — | — |
pending * | boolean | — | — |
error | boolean | — | — |
onClose * | () => void | — | — |
onSubmit * | () => void | — | — |
children * | ReactNode | — | — |
DrawerField packages/ui/src/components/DrawerForm.tsx
| Name | Type | Default | Description |
|---|---|---|---|
label * | string | — | — |
hint | ReactNode | — | — |
error | ReactNode | — | Chyba pod polem (inline validace masky) — průchod na DS.Field. |
children * | ReactNode | — | — |
CSS classes
.pdr.pdr-top.pdr-body.pdr-foot