input component ui docs (#2873)
This commit is contained in:
@ -29,7 +29,7 @@ const StyledControlContainer = styled.div<{ disabled?: boolean }>`
|
||||
color: ${({ disabled, theme }) =>
|
||||
disabled ? theme.font.color.tertiary : theme.font.color.primary};
|
||||
cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
|
||||
display: flex;
|
||||
display: inline-flex;
|
||||
gap: ${({ theme }) => theme.spacing(1)};
|
||||
height: ${({ theme }) => theme.spacing(8)};
|
||||
justify-content: space-between;
|
||||
|
||||
@ -35,7 +35,7 @@ export type TextInputComponentProps = Omit<
|
||||
};
|
||||
|
||||
const StyledContainer = styled.div<Pick<TextInputComponentProps, 'fullWidth'>>`
|
||||
display: flex;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
width: ${({ fullWidth }) => (fullWidth ? `100%` : 'auto')};
|
||||
`;
|
||||
|
||||
@ -40,3 +40,7 @@ export * from './src/modules/ui/input/components/ImageInput'
|
||||
export * from './src/modules/ui/input/components/Radio'
|
||||
export * from './src/modules/ui/input/components/RadioGroup'
|
||||
export * from './src/modules/ui/input/button/components/Button';
|
||||
export * from './src/modules/ui/input/components/Select'
|
||||
export * from './src/modules/ui/input/components/TextArea'
|
||||
export * from './src/modules/ui/input/components/TextInput'
|
||||
export * from './src/modules/ui/input/components/Toggle'
|
||||
|
||||
Reference in New Issue
Block a user