react-textarea-autosize

This commit is contained in:
Alexey Svetliakov
2016-07-06 01:09:51 +02:00
parent 69de0f48cd
commit b09f8bf76e
2 changed files with 75 additions and 0 deletions
@@ -0,0 +1,17 @@
/// <reference path="../react/react.d.ts" />
/// <reference path="./react-textarea-autosize.d.ts" />
import * as React from "react";
import Textarea from "react-textarea-autosize";
class Test extends React.Component<{}, {}> {
public render() {
return (
<Textarea minRows={5} maxRows={8}
value="test"
useCacheForDOMMeasurements
className="test"
id="test"/>
);
}
}
+58
View File
@@ -0,0 +1,58 @@
// Type definitions for react-textarea-autosize 4.0.3
// Project: https://github.com/andreypopp/react-textarea-autosize
// Definitions by: Alexey Svetliakov <https://github.com/asvetliakov>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
/// <reference path="../react/react.d.ts" />
declare module "react-textarea-autosize" {
import * as React from "react"
/**
* <TextareaAutosize/> properties
*/
export interface TextareaAutosizeProps extends React.HTMLProps<HTMLTextAreaElement> {
/**
* Current textarea value
*/
value?: string;
/**
* Callback on value change
* @param event
*/
onChange?: (event: React.FormEvent) => void;
/**
* Callback on height change
* @param height
*/
onHeightChange?: (height: number) => void;
/**
* Try to cache DOM measurements performed by component so that we don't
* touch DOM when it's not needed.
*
* This optimization doesn't work if we dynamically style <textarea />
* component.
* @default false
*/
useCacheForDOMMeasurements?: boolean;
/**
* Minimal number of rows to show.
*/
rows?: number;
/**
* Alias for `rows`.
*/
minRows?: number;
/**
* Maximum number of rows to show.
*/
maxRows?: number;
}
/**
* <TextareaAutosize/>
*/
export default class TextareaAutosize extends React.Component<TextareaAutosizeProps, any> { }
}