2021-08-19 17:54:58 +00:00
|
|
|
import * as React from "react"
|
|
|
|
import * as ReactDOM from "react-dom"
|
|
|
|
import * as Decorators from "../../utils/Decorators"
|
2021-08-24 02:22:15 +00:00
|
|
|
import { Area as AreaComponent } from "./Area"
|
2021-08-19 17:54:58 +00:00
|
|
|
|
|
|
|
|
|
|
|
export default {
|
2021-08-24 02:22:15 +00:00
|
|
|
component: AreaComponent,
|
2021-08-19 17:54:58 +00:00
|
|
|
title: "Inputs/Area",
|
|
|
|
decorators: [Decorators.Bluelib],
|
|
|
|
argTypes: {
|
2021-08-24 02:22:15 +00:00
|
|
|
onChange: {action: "Change"},
|
|
|
|
onSimpleChange: {action: "SimpleChange"},
|
2021-08-19 17:54:58 +00:00
|
|
|
},
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2021-08-24 02:22:15 +00:00
|
|
|
export const Area = props => (
|
|
|
|
<AreaComponent {...props}/>
|
2021-08-19 17:54:58 +00:00
|
|
|
)
|
2021-08-24 02:22:15 +00:00
|
|
|
Area.args = {
|
2021-08-19 17:54:58 +00:00
|
|
|
placeholder: "Enter multiline text here\n\nThis component can be resized",
|
|
|
|
disabled: false,
|
|
|
|
required: false,
|
|
|
|
}
|