docs and things

This commit is contained in:
Letter N
2020-07-21 13:32:12 +08:00
parent c27f339049
commit e27bc2eda3
4 changed files with 337 additions and 262 deletions
+21 -1
View File
@@ -30,6 +30,8 @@ Make sure to add new items to this list if you document new components.
- [`Icon`](#icon)
- [`Input`](#input)
- [`Knob`](#knob)
- [`LabeledControls`](#labeledcontrols)
- [`LabeledControls.Item`](#labeledcontrolsitem)
- [`LabeledList`](#labeledlist)
- [`LabeledList.Item`](#labeledlistitem)
- [`LabeledList.Divider`](#labeledlistdivider)
@@ -239,7 +241,7 @@ A ghetto checkbox, made entirely using existing Button API.
### `Button.Confirm`
A button with a an extra confirmation step, using native button component.
A button with an extra confirmation step, using native button component.
**Props:**
@@ -584,6 +586,24 @@ the input, or successfully enter a number.
- `onDrag: (e, value) => void` - An event, which fires about every 500ms
when you drag the input up and down, on release and on manual editing.
### `LabeledControls`
LabeledControls is a horizontal grid, that is designed to hold various
controls, like [Knobs](#knob) or small [Buttons](#button). Every item in
this grid is labeled at the bottom.
**Props:**
- See inherited props: [Box](#box)
- `children: LabeledControls.Item` - Items to render.
### `LabeledControls.Item`
**Props:**
- See inherited props: [Box](#box)
- `label: string` - Item label.
### `LabeledList`
LabeledList is a continuous, vertical list of text and other content, where