1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 19:44:21 +00:00
bluelib/.storybook/preview.js
Stefano Pigozzi 8b7c57aae6
Implement (properly) inputs and forms (#1)
* 🔧 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
2021-08-24 04:22:15 +02:00

44 lines
No EOL
1.2 KiB
JavaScript

import { Bluelib } from "../src/components/Bluelib"
export const parameters = {
argTypes: {
bluelibClassNames: {
control: {type: "string"},
description: "Additional Bluelib classNames to be appended to the element's classNames",
table: {category: "Global props"}
},
customColor: {
control: {type: "color"},
description: "Apply a Bluelib custom color to the element",
table: {category: "Global props"}
},
disabled: {
control: {type: "boolean"},
description: "Apply the disabled status to an element",
table: {category: "Global props"}
}
},
options: {
storySort: {
order: [
"Core",
"Layouts",
"Panels",
"Chapters",
"Separators",
"Images",
"Tables",
"Lists",
"Status",
"Inputs",
"Forms",
"Common",
"Annotations",
"Semantics",
"Colors",
"Internals",
]
}
},
}