C&C Docs
Log in
Widgets

A form

cnc-form-renderer turns a layout — a list of fields, each naming its type and props — into a working form. The layout is data, so it can be stored, edited with cnc-form-builder and changed without a release. Every field type it knows is on its library page. 

{
  title: 'Book a room',
  children: [
    { name: 'name', blockType: 'input', inputType: 'string', label: 'Name', required: true },
    { name: 'arrival', blockType: 'input', inputType: 'date', label: 'Arrival' },
    { name: 'room', blockType: 'select', label: 'Room', options: ['Single', 'Double', 'Suite'] },
    …
  ]
}
Book a room

Recent changes

Change a field to see its event here.