Skip to content

BulkTextarea

BulkTextarea

jsx
import BulkTextarea from '@semcore/bulk-textarea';
<BulkTextarea>
  <BulkTextarea.InputField/>
</BulkTextarea>;

InputFieldProps

NameTypeDescription
idstring Unique id
placeholderstring Placeholder for field
valuestring String to render in textarea. OnChanging value, it will go throw paste pipeline
onBlur(value: string, e: ) => void This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes
size"m" | "l" Size of component
state"normal" | "valid" | "invalid" State for show errors or valid(green) borders
disabledboolean Flag for disabling field
readonlyboolean Flag for readonly field
minRowsnumber Min rows
maxRowsnumber Max rows
validateOn("blur" | "blurLine" | "paste")[] List of available points to validate value
lineValidation(line: string, lines: string[]) => {isValid: boolean; errorMessage: string } Function to validate line
commonErrorMessagestring Message for display error about whole field, not only one line
linesDelimitersstring[] Delimiters (event.key) for lines
maxLinesnumber Count of max lines in badge
pasteProps Paste props
lineProcessing(line: string, lines: string[]) => string Function for process line after it was blurred

BulkTextareaProps

NameTypeDescription
value["value"]
onChange["onBlur"]
placeholder["placeholder"]
size["size"]
state["state"]
disabled["disabled"]
readonly["readonly"]
minRows["minRows"]
maxRows["maxRows"]
validateOn["validateOn"]
lineValidation["lineValidation"]
linesDelimiters["linesDelimiters"]
pasteProps["pasteProps"]
maxLines["maxLines"]
lineProcessing["lineProcessing"]
errors["errors"]
showErrorsboolean
onErrorsChange["onErrorsChange"]
onShowErrorsChange["onShowErrorsChange"]

Last updated:

Released under the MIT License.

Released under the MIT License.