Standard Widgets
Opened this issue · 0 comments
jbpenrath commented
Verna should embedded a set of standard widgets :
Form input widgets
- Checkbox control
- Properties
label: string help_message: string error_message: string required: boolean
- Output
- A checkbox input
- Properties
- Radio control
- Properties
label: string help_message: string error_message: string required: boolean
- Output
- A radio input
- Properties
- Drodown menu
- Properties
label: string help_message: string error_message: string required: boolean choices: string[]
- Output
- A select
- Properties
- Multiple choice list
- Properties
label: string help_message: string error_message: string required:boolean choices: string[]
- Output
- A select with multiple attribute set to true.
May be this widget could be merged with the Dropdown menu by adding amultiple: boolean
property 🤔
- A select with multiple attribute set to true.
- Properties
- Text input
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string min_length: number max_length: number pattern: string type: 'text' | 'tel' | 'email'
- Output
- A select
- Properties
- Number input
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string min_value: number max_value: number step: number
- Output
- A number or range input
- Properties
- Date input
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string min_value: number max_value: number step: number
- Output
- A date or datetime input
- Properties
- Long text input
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string min_length: number max_length: number
- Output
- A date or datetime input
- Properties
- Image
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string accept: 'image/png' | 'image/jpeg' | 'image/svg+xml'
- Output
- A custom file input with image preview
- Properties
- Multiple Attached file
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string accept: string
- Output
- A file input with uploaded file summary
Maybe this widget could be merged with the Attached file widget by adding amultiple: boolean
property 🤔
- A file input with uploaded file summary
- Properties
- Link
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string min_length: number max_length: number pattern: string
- Output
- A url input
- Properties
- Attached file
- Properties
label: string help_message: string error_message: string required:boolean placeholder: string accept: string
- Output
- A file input
- Properties
Layout widgets
- Title
- Properties
- Value
- Level (Range from 1 to 6)
- Output
- A heading element corresponding to the level defined.
- Properties
- Paragraph
- Properties
- Value
- Output
- A paragraph element
- Properties
- Separator
- Output
- A
<hr/>
element