mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-23 12:04:22 +00:00
Stefano Pigozzi
8b7c57aae6
* 🔧 Use `<label>` in the `ThreeRadios` and `ThreeCheckboxes` stories * 🔧 Make `onChange` return void, as React does not support implicit preventDefault https://reactjs.org/docs/handling-events.html * 🚧 Some work on forms * 💥 A huge non-atomic commit * 💥 Another huge non-atomic commit * 💥 The final non-atomic commit * 💥 Just kidding, have another * 🚧 A bit more * 🚧 A bot more * ✨ Add `onSimpleChange` events * 🚧 More work on inputs * ✨ Finish `FormRadioGroup` * ✨ Finish `FormCheckboxGroup` * ✨ Finish `Form` * 💥 idk anymore * ✨ Add `Button` input * ✨ Add `FormRow` to forms * 🔨 Fix storybook preview.js * 🔧 Prevent button from submitting a form * 📔 Fix a bit the Form story * 💥 Tweak forms a bit more
25 lines
599 B
JavaScript
25 lines
599 B
JavaScript
import * as React from "react"
|
|
import * as ReactDOM from "react-dom"
|
|
import * as Decorators from "../../utils/Decorators"
|
|
import { Area as AreaComponent } from "./Area"
|
|
|
|
|
|
export default {
|
|
component: AreaComponent,
|
|
title: "Inputs/Area",
|
|
decorators: [Decorators.Bluelib],
|
|
argTypes: {
|
|
onChange: {action: "Change"},
|
|
onSimpleChange: {action: "SimpleChange"},
|
|
},
|
|
}
|
|
|
|
|
|
export const Area = props => (
|
|
<AreaComponent {...props}/>
|
|
)
|
|
Area.args = {
|
|
placeholder: "Enter multiline text here\n\nThis component can be resized",
|
|
disabled: false,
|
|
required: false,
|
|
}
|