Web Components · Phần 8 — Form-associated elements với ElementInternals
Xây kb-priority-picker tham gia HTML form như control gốc: submit value, validation, labels, disabled, reset và state restoration bằng ElementInternals.
Filter/Tag
#forms
6 entries
-
-
Tailwind, Radix & shadcn/ui · Part 11 — Forms with react-hook-form + zod
The hardest UI, done right: one zod schema as the single source of truth, react-hook-form for performant state, and shadcn Form components for accessible, type-safe, validated forms. With a live form lab.
-
Vue.js 3 · Phần 6 — Form & v-model (kể cả component tùy biến)
Làm chủ form trong Vue 3: v-model trên mọi loại input và modifier, defineModel để dựng v-model cho component của bạn, nhiều v-model trên một component, và validate form với zod sạch sẽ.
-
Tailwind, Radix & shadcn/ui · Part 6 — Plugins & the Ecosystem
Round out a pro setup: the typography plugin for prose, forms for sane inputs, tw-animate for enter/exit motion, and writing your own utilities and variants in v4 with @utility and @custom-variant. With a live plugin showcase.
-
Next.js 16 from Zero to Senior · Part 6 — Server Actions & Forms
Mutate data without API routes: Server Actions with "use server", progressive-enhancement forms, useActionState and useFormStatus, optimistic UI with useOptimistic, zod validation, and revalidating after a write.
-
Forms & the Constraint Validation API — Native Validation Done Right
Native HTML form validation deep-dive: ValidityState, setCustomValidity, async/cross-field patterns, ARIA errors, FormData — and why the server always wins.