diff options
author | flu0r1ne <flu0r1ne@flu0r1ne.net> | 2023-08-28 21:33:44 -0500 |
---|---|---|
committer | flu0r1ne <flu0r1ne@flu0r1ne.net> | 2023-08-28 21:33:44 -0500 |
commit | f0c03a9b8e15387c4defd0a0e3e0298324406fae (patch) | |
tree | 564011d0265666953b17258954ff68614ff6566a /components/TextArea | |
parent | 2f0439621cff059e414d67f6ce43a7a6c4de13bc (diff) | |
download | homepage-f0c03a9b8e15387c4defd0a0e3e0298324406fae.tar.xz homepage-f0c03a9b8e15387c4defd0a0e3e0298324406fae.zip |
Add wg2nd
Diffstat (limited to 'components/TextArea')
-rw-r--r-- | components/TextArea/index.tsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/components/TextArea/index.tsx b/components/TextArea/index.tsx new file mode 100644 index 0000000..c40efed --- /dev/null +++ b/components/TextArea/index.tsx @@ -0,0 +1,22 @@ +import React, { TextareaHTMLAttributes, ForwardRefRenderFunction } from 'react'; +import { getSystemStyle, SystemProps } from '../utils/systemProps'; +import inputElStyle from '../utils/inputElementStyle'; + +interface TextAreaProps + extends TextareaHTMLAttributes<HTMLTextAreaElement>, + SystemProps +{ } + +const TextArea: ForwardRefRenderFunction<HTMLTextAreaElement, TextAreaProps> = + ({ style, ...props }, ref) => { + style = { + ...inputElStyle, + ...style, + }; + + const systemStyle = getSystemStyle(props, style); + + return <textarea ref={ref} style={systemStyle} {...props} />; + }; + +export default React.forwardRef(TextArea); |