Kanbien Design System

Form Template

This first version gives us a reusable editing canvas with grouped fields, choice controls, and a stable action rail so we can start the formal behavior-lock and canonical loop from something concrete.

Editor

Create workspace campaign

A starter form canvas for configuration-heavy flows where authors need clear sections, inline guidance, and dependable primary actions.

Section 01

Basics

Dropdown
Choose an audience before publishing.
Date picker
Choose a launch date.
Time picker
Choose a launch time.
Date range
Date range without time keeps the review window focused on day-level scheduling only. Select both a start and end date.
Date range with time
Date range with time adds start and end time elements to the same three-month scheduling surface. Select both dates and confirm the handoff times.

Section 02

Preferences

Radio buttons
Choose a delivery mode.
Checkboxes
Select at least one channel.
Drawer select
Use the drawer variant when people need to search, scan, and adjust a large selectable set without losing sight of what is already chosen. Select at least one workspace collection.
Drawer select simple
This variant keeps each selectable card to one compact attribute line when density matters more than a full explanatory sentence. Select at least one tenant segment.
Icon grid
Choose a governed icon from the shared design-system icon library. Choose an icon before publishing.
Image card
Amara Chen
Priya Shah priya.shah@example.com Regional operations lead
The image action appears over the thumbnail on hover or keyboard focus.
Upload file
No file selected
CSV, PNG, or PDF assets can be attached before publishing. Upload failed. Check the file type and try again.
Checkboxes with shared statement
Before publishing this campaign, confirm the release checklist items below. These boxes sit beneath one shared statement instead of repeating the whole sentence per option.
Check all required acknowledgement items before publishing.