📄️ Creating a form
A form is a collection of inputs that allow users to create and edit 'things' within the Jadu platform. Pulsar forms provide consistent styling as well as sensible defaults so that developers can quickly compose useful, accessible forms.
📄️ Button Group
Group a series of related buttons together on a single line. Great for creating toolbars.
📄️ Checkbox
Generates a checkbox input field. There are various different options available to control the position of the checkbox and labels.
📄️ Choice
Displayed as a question with multiple answers, each of which has its own label and can allow either singular (checkboxes) or multiple (radios) choice.
📄️ Color
Choose colours using an interactive colour palette.
📄️ Compound
The compound helper allows you to build a form group using multiple separate inputs with a single common label, and render those in a screenreader-friendly way.
📄️ Content
Generates a paragraph of text where an input would normally be positioned within a form while still allowing a regular form label to illustrate it.
📄️ Date
The date helper now has the ability to opt-in to use a WCAG 2.1 compliant date datepicker. Where possible, this should be used over the default date picker (Pikaday).
📄️ Error summary
When form validation fails it is important to display a list of all errors near the top of the page and link to the affected fields. This summary is especially important for people using assistive technology to make sure their tools announce the presence of errors as soon as possible.
📄️ Fieldset
Fieldsets group related controls into logical sections.
📄️ File
Generate a file input field.
📄️ Hidden
Generates a hidden text input which can be used to store non user-editable data.
📄️ Password
Generates a password input field.
📄️ Radio
Generates a radio input field. There are various different options available to control the position of the radio and labels.
📄️ Range
Generates a range slider input.
📄️ Repeater
Create a repeatable set of form fields that can be added and removed.
📄️ Select
Generates a select input field.
📄️ Select2
The select2 helper is like a regular select but adds extra functionality such as quicksearch, and the ability to add custom markup to your results.
📄️ Text
Generates a text input field allowing users to input data, with a variety of options for additional help and guidance information.
📄️ Textarea
Generates a textarea with options to control the number of rows (the height) of the element as well as additional help and guidance information.
📄️ Time
Generate a text input field which will show a time picker overlay when focused.
📄️ Toggle switch
An alternative presentation for a checkbox, providing a more obvious visual indication of the on/off state.