Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | 6x 6x 6x | import styled from 'styled-components'; import { flexbox, position, layout, space, } from 'styled-system'; import PropTypes from 'prop-types'; import { FormComponent } from './component'; const Form = styled(FormComponent)` ${flexbox} ${position} ${layout} ${space} `; Form.propTypes = { /** Define which style of form controls should be used * @see See [Material Design/Components/Text Fields/Usage](https://material.io/components/text-fields/#usage) for more on these styles. */ formStyle: PropTypes.string, }; Form.defaultProps = { display: 'flex', flexDirection: 'column', formStyle: '', }; /** @component */ export { Form }; |