DiscussionForm component

[justin-b-yee]

Specs

<DiscussionForm
    mode = 'readonly',
    vState= 'single',
    schema = {}, 
    uischema = {}, 
/>

Tasks

Note: Provided screenshot of mockup may not match final component design.

• The component has two modes - 'readonly' or 'edit.'
• If vState is 'single' (as in single choice), render choices from schema as radio buttons.
• If 'multi', render choices from schema as checkboxes.

In edit mode:

• Render a dropdown with options 'Single Choice' and 'Multiple Choice' that updates vState.
• Render a delete button at the bottom.
• Add a text input field for the user to input the question.
• If schema is not provided, default render two blank options with placeholder text "begin typing."

Figma

[ddfridley]

@ddfridley look for json forms creater tool

[ddfridley]

@justin-b-yee JSON Forms says it has a way to create the UI schema from data schema: https://jsonforms.io/examples/gen-uischema

Here's a form builder but I found https://github.com/eclipsesource/jsonforms-editor?tab=License-1-ov-file#readme

But basically I want to use libraries for building forms as much as possible, and maybe make some compromises on the UI implementation to adapt to what's available.