1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-23 12:04:22 +00:00
bluelib/src/components/lists/ListDescription.tsx
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

23 lines
684 B
TypeScript

import * as React from "react"
import * as ReactDOM from "react-dom"
import * as Types from "../../types"
import {BaseElement} from "../BaseElement"
import mergeClassNames from "classnames"
import {ListTerm} from "./ListTerm";
import {ListDetails} from "./ListDetails";
export interface ListDescriptionProps extends Types.BluelibHTMLProps<HTMLDListElement> {}
export function ListDescription({...props}: ListDescriptionProps): JSX.Element {
props.bluelibClassNames = mergeClassNames(props.bluelibClassNames, "list", "list-description")
return (
<BaseElement kind={"dl"} {...props}/>
)
}
ListDescription.Term = ListTerm
ListDescription.Details = ListDetails