We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
there's probably some that i missed and overlooked but here are my initial thoughts. A
There are multiple types of form layouts.. we'll focus on vertical ones. Within vertical forms, you need to account for either
1. Label Name [ your choice of input ] 2. Label Name [ your choise of input ]
The design system spec only accounts for the 2nd choice. We should add the 1st choice as well.
inline forms (e.g. two text inputs side by side) can be done with Flexbox by dev
props
<Form> <Form.Item row> <Form.Label required> Favorite Color </Form.Label> <TextArea /> <Form.Text>some description </Form.Text> </Form.Item> // inline <Flex> <Box flex={1}> <Form.Label required> Favorite Car </Form.Label> <Dropownd asdfasdf /> <Form.Text>some description </Form.Text> </Box> <Box flex={1}> <Form.Label required> Favorite shoe </Form.Label> <TextField /> <Form.Text>some description </Form.Text> </Box> <Flex> <Form.Item> <Button>Submit</Button> <Form.Item> </Form>
The text was updated successfully, but these errors were encountered:
No branches or pull requests
there's probably some that i missed and overlooked but here are my initial thoughts. A
component encompasses a group of input elements - this includes everything in #31 . Check out ant.design for inspiration.There are multiple types of form layouts.. we'll focus on vertical ones. Within vertical forms, you need to account for either
The design system spec only accounts for the 2nd choice. We should add the 1st choice as well.
inline forms (e.g. two text inputs side by side) can be done with Flexbox by dev
Components
<Form.Item />
props
<Form.Label/>
<Form.Text>
props
Example
The text was updated successfully, but these errors were encountered: