svelte-schema-form
- Purpose: A Svelte implementation of a form generator from JSON Schema, supporting subforms, lists with reordering, custom renderer components, and customizable CSS skinning.
- Target Audience: Developers looking to generate forms dynamically from JSON Schema in Svelte applications.
- Key Features:
- Supports JSON Schema validation and type definitions.
- Renders forms based on schema definitions, including objects, arrays, and various field types (string, number, enum, etc.).
- Customizable editors for specific field types (e.g., currency, radio buttons, file uploads, autocomplete).
- Supports collapsible sections, read-only fields, and dynamic error messaging.
- Provides components like
SchemaForm(basic form rendering) andSubmitForm(form with submit functionality).
- Svelte Support: Primarily built for Svelte, with components like
SubmitFormandSchemaFormdesigned for Svelte applications. - Customization:
- Allows custom editor components via a components map.
- Supports custom CSS for layout and skinning (e.g.,
layout.scssandbasic-skin.scss). - Custom schema properties like
editor,emptyDisplay, andcontrolsfor advanced behavior.
- Advanced Editors:
- Currency: Renders number fields with currency symbols.
- Radio: Renders enum fields as radio buttons.
- Upload: Handles file uploads with drag-and-drop support.
- Autocomplete: Provides dropdown suggestions from remote data.
- List-Detail: Displays arrays as interactive grids with detail views.
- JSON Schema Support: Covers most JSON Schema features, including validation (min/max length, patterns, enums), nested objects/arrays, and custom properties like
enumTextfor display labels. - Links:
formform-builderformsjson-schemasvelte
Author
Featured Stories
No featured articles.