lookingglass/hyperglass/ui/elements/form-row.tsx
2021-12-19 22:57:00 -07:00

16 lines
417 B
TypeScript

import { Flex } from '@chakra-ui/react';
import type { FlexProps } from '@chakra-ui/react';
export const FormRow = (props: FlexProps): JSX.Element => {
return (
<Flex
w="100%"
flexDir="row"
flexWrap="wrap"
justifyContent={{ base: 'center', lg: 'space-between' }}
sx={{ '& > *': { display: 'flex', flex: { base: '1 0 100%', lg: '1 0 33.33%' } } }}
{...props}
/>
);
};