operational-ui icon indicating copy to clipboard operation
operational-ui copied to clipboard

Form/Inputs update

Open fabien0102 opened this issue 6 years ago • 1 comments

Summary

The idea is to have a nice set of components to provide the following kind of UI

09b3f574-a2c9-4a21-b3d1-0050b874dd07

Actual implementation

https://gist.github.com/fabien0102/c2c98145e28536e271908b3b774b9123

API Proposal

<Form inColumn>
  <Input type="text" label="Search" value={search} icon="Search" />
  <Input type="multiselect" label="Department" collapsable options={[{text: "Finance", value: "finance" }]} values={department}  />
  <Input type="text" label="Country" value={country} />
</Form>

The inColumn provide the borderBottom and the layout (I'm not a huge fan of the naming, but it's for the idea)

The onChange can be deal on the Input level or the Form level

fabien0102 avatar Aug 13 '18 11:08 fabien0102

We have the Form component now that kind of helps with this. Is this issue still relevant?

TejasQ avatar Jun 23 '19 02:06 TejasQ