studio icon indicating copy to clipboard operation
studio copied to clipboard

Visual Designer: Form component

Open Amzani opened this issue 2 years ago • 9 comments

Add the form component into the design system

The Form component represents a document section containing interactive controls for submitting information

Screenshot 2023-07-31 at 14 56 59

Out of scope

  • The ChipInput component Screenshot 2023-07-31 at 15 00 34

As part of this PR you might decide to create other components like "DropDown" for instance

Related to #748

Amzani avatar Jul 31 '23 13:07 Amzani

This form should be generative right? I mean it should get a json schema and generate a form based on that. plus we could combine the AsyncAPI fields with binding to get a comprehensive list of editable properties. Imma pick this one up. 😄

KhudaDad414 avatar Jul 31 '23 14:07 KhudaDad414

/progress 10 tested if https://github.com/rjsf-team/react-jsonschema-form is the right fit and it doesn't seem to be the right solution for us for the following reasons:

  • it is UI Framework bound which means no tailwind to customise.
  • Our schemas for AsyncAPI file and bindings are not fit for this purpose.
  • It can't be used in server components.

KhudaDad414 avatar Aug 01 '23 12:08 KhudaDad414

@KhudaDad414 I recommend going with the static approach to have more control customisation of form inputs.

Amzani avatar Aug 02 '23 07:08 Amzani

/progress 10

Added SingleSelect component.

KhudaDad414 avatar Aug 17 '23 13:08 KhudaDad414

/progress 15

Added the TextInput component.

KhudaDad414 avatar Aug 17 '23 14:08 KhudaDad414

/progress 60 The PR is ready for review.

KhudaDad414 avatar Sep 06 '23 08:09 KhudaDad414

/progress 90 The PR is ready for review.

KhudaDad414 avatar Oct 24 '23 13:10 KhudaDad414

This issue has been automatically marked as stale because it has not had recent activity :sleeping:

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience :heart:

github-actions[bot] avatar Feb 22 '24 00:02 github-actions[bot]

still relevant.

Amzani avatar Feb 26 '24 09:02 Amzani