GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 22:11:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

CHANGE TextArea to have configurable height (default 400) && CLEANUP

Browse Source
This commit is contained in:
Norbert de Langen 2020-03-16 09:28:26 +01:00
parent a53b3c25a0
commit acc1c6e190
No known key found for this signature in database
GPG Key ID: 976651DA156C2825
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
lib/components/src/form/input/input.tsx
View File

@ -51,6 +51,7 @@ export interface InputStyleProps {
size?: Sizes;
align?: Alignments;
valid?: ValidationStates;
height?: number;
}
const sizes = ({ size }: { size?: Sizes }): CSSObject => {
@ -116,10 +117,6 @@ export const Input = Object.assign(
}
);
// (Input).styles = { ...styleResets, ...styles };
// (Input).sizes = sizes;
// (Input).alignment = alignment;
type SelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, keyof InputStyleProps> &
InputStyleProps;
export const Select = Object.assign(
@ -144,10 +141,10 @@ export const Textarea = Object.assign(
forwardRef<any, TextareaProps>(({ size, valid, align, ...props }, ref) => (
<TextareaAutoResize {...props} ref={ref} />
))
)<TextareaProps>(styles, sizes, alignment, validation, {
)<TextareaProps>(styles, sizes, alignment, validation, ({ height = 400 }) => ({
overflow: 'visible',
maxHeight: 400
}),
maxHeight: height,
})),
{
displayName: 'Textarea',
}