Sha256: 8142eda0f68c98af3fd4de9bccb88a42baebd948f6fda6301212a9bc1170dd6b
Contents?: true
Size: 1.38 KB
Versions: 11
Compression:
Stored size: 1.38 KB
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { Body, Caption } from '../'
import type { InputCallback } from '../types.js'
type TextareaProps = {
className?: String,
children?: Array<React.ReactChild>,
data?: String,
error?: String,
id?: String,
object?: String,
method?: String,
label?: String,
placeholder?: String,
value?: String,
name?: String,
rows?: Number,
dark?: Boolean,
onChange?: InputCallback<HTMLTextAreaElement>,
}
const Textarea = ({
className,
children,
dark = false,
error,
label,
name,
onChange = () => {},
placeholder,
rows = 4,
value,
}: TextareaProps) => {
const textareaClass = `pb_textarea_kit${dark ? '_dark' : ''}`
const errorClass = error ? 'error' : null
return (
<div className={classnames(textareaClass, className, errorClass)}>
<Caption
dark={dark}
text={label}
/>
<If condition={children}>
{children}
<Else />
<textarea
className={textareaClass}
name={name}
onChange={onChange}
placeholder={placeholder}
rows={rows}
value={value}
/>
<If condition={error}>
<Body
dark={dark}
status="negative"
text={error}
/>
</If>
</If>
</div>
)
}
export default Textarea
Version data entries
11 entries across 11 versions & 1 rubygems