Fixed Spacing Issues for items in last commit.

react-toolbox · Mar 26, 2016 · a841408 · a841408
1 parent 3649ab1
commit a841408
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 46 deletions.
diff --git a/components/slider/readme.md b/components/slider/readme.md
@@ -35,14 +35,14 @@ class SliderTest extends React.Component {
 
 ## Properties
 
-| Name          | Type    | Default   | Description|
+| Name          | Type          | Default   | Description|
 |:-----|:-----|:-----|:-----|
-| `className` | `String`  | `''`      | Additional class name to provide custom styling.|
-| `editable`  | `Boolean` | `false`   | If true, an input is shown and the user can set the slider from keyboard value.|
-| `max`       | `Number`  | `100`     | Maximum value permitted.|
-| `min`       | `Number`  | `0`       | Minimum value permitted.|
-| `onChange`   | `Function` |   | Callback function that will be invoked when the slider value changes.|
-| `pinned`    | `Boolean` | `false`   | If true, a pin with numeric value label is shown when the slider thumb is pressed. Use for settings for which users need to know the exact value of the setting.|
-| `snaps`     | `Boolean` | `false` | If true, the slider thumb snaps to tick marks evenly spaced based on the step property value.|
-| `step`      | `Number`  | `0.01`    | Amount to vary the value when the knob is moved or increase/decrease is called.|
-| `value`     | `Number`  | `0`       | Current value of the slider.|
+| `className`   | `String`      | `''`      | Additional class name to provide custom styling.|
+| `editable`    | `Boolean`     | `false`   | If true, an input is shown and the user can set the slider from keyboard value.|
+| `max`         | `Number`      | `100`     | Maximum value permitted.|
+| `min`         | `Number`      | `0`       | Minimum value permitted.|
+| `onChange`    | `Function`    |           | Callback function that will be invoked when the slider value changes.|
+| `pinned`      | `Boolean`     | `false`   | If true, a pin with numeric value label is shown when the slider thumb is pressed. Use for settings for which users need to know the exact value of the setting.|
+| `snaps`       | `Boolean`     | `false`   | If true, the slider thumb snaps to tick marks evenly spaced based on the step property value.|
+| `step`        | `Number`      | `0.01`    | Amount to vary the value when the knob is moved or increase/decrease is called.|
+| `value`       | `Number`      | `0`       | Current value of the slider.|
diff --git a/components/snackbar/readme.md b/components/snackbar/readme.md
@@ -35,14 +35,14 @@ class SnackbarTest extends React.Component {
 
 ## Properties
 
-| Name          | Type    | Default   | Description|
+| Name          | Type          | Default       | Description|
 |:-----|:-----|:-----|:-----|
-| `action`  | `String` |   | Label for the action component inside the Snackbar.|
-| `active`        | `Boolean`       |  `false`        | If true, the snackbar will be active.|
-| `className` | `String`  | `''`      | Additional class name to provide custom styling.|
-| `icon` | `Any`  |       | String key for an icon or Element which will be displayed in left side of the snackbar.|
-| `label` | `String`  |       | Text to display in the content. Required.|
-| `onClick` | `Function`  |       | Callback function that will be called when the button action is clicked.|
-| `onTimeout` | `Function`  |       | Callback function when finish the set timeout.|
-| `timeout` | `Number`  |       | Amount of time in milliseconds after the Snackbar will be automatically hidden.|
-| `type` | `String`  |       | Indicates the action type. Can be `accept`, `warning` or `cancel`|
+| `action`      | `String`      |               | Label for the action component inside the Snackbar.|
+| `active`      | `Boolean`     |  `false`      | If true, the snackbar will be active.|
+| `className`   | `String`      | `''`          | Additional class name to provide custom styling.|
+| `icon`        | `Any`         |               | String key for an icon or Element which will be displayed in left side of the snackbar.|
+| `label`       | `String`      |               | Text to display in the content. Required.|
+| `onClick`     | `Function`    |               | Callback function that will be called when the button action is clicked.|
+| `onTimeout`   | `Function`    |               | Callback function when finish the set timeout.|
+| `timeout`     | `Number`      |               | Amount of time in milliseconds after the Snackbar will be automatically hidden.|
+| `type`        | `String`      |               | Indicates the action type. Can be `accept`, `warning` or `cancel`|
diff --git a/components/switch/readme.md b/components/switch/readme.md
@@ -44,13 +44,13 @@ class SwitchTest extends React.Component {
 
 ## Properties
 
-| Name              | Type          | Default         | Description|
+| Name              | Type          | Default       | Description|
 |:-----|:-----|:-----|:-----|
-| `checked`      | `Boolean`   | `false` | If true, the switch will be enabled.|
-| `className`    | `String`   | `''`  | Sets a class to give custom styles to the switch.|
-| `disabled`     | `Boolean`  | `false`  | If true, component will be disabled.|
-| `label`        | `String`   |       | The text string to use for the floating label element.|
-| `name`         | `String`   |        | The text string used as name of the input.|
-| `onBlur`       | `Function` |        | Callback function that is fired when when the switch is blurred.|
-| `onChange`     | `Function` |        | Callback function that is fired when the component's value changes.|
-| `onFocus`      | `Function`  |        | Callback function that is fired when the switch is focused.|
+| `checked`      | `Boolean`        | `false`       | If true, the switch will be enabled.|
+| `className`    | `String`         | `''`          | Sets a class to give custom styles to the switch.|
+| `disabled`     | `Boolean`        | `false`       | If true, component will be disabled.|
+| `label`        | `String`         |               | The text string to use for the floating label element.|
+| `name`         | `String`         |               | The text string used as name of the input.|
+| `onBlur`       | `Function`       |               | Callback function that is fired when when the switch is blurred.|
+| `onChange`     | `Function`       |               | Callback function that is fired when the component's value changes.|
+| `onFocus`      | `Function`       |               | Callback function that is fired when the switch is focused.|
diff --git a/components/table/readme.md b/components/table/readme.md
@@ -50,13 +50,13 @@ class TableTest extends React.Component {
 
 ## Properties
 
-| Name              | Type          | Default         | Description|
+| Name              | Type            | Default         | Description|
 |:-----|:-----|:-----|:-----|
-| `className`     | `String`      | `''`            | Sets a custom class to style the Component.|
-| `heading`       | `Boolean`        | `true`          | If true, component will show a heading using model field names.|
-| `model`         | `Object`      |                 | Object describing the data model that represents each object in the `source`.|
-| `onChange`      | `Function`    |                 | Callback function that is fired when an item in a row changes. If set, rows are editable. |
-| `onSelect`      | `Function`    |                 | Callback function invoked when the row selection changes.|
-| `selectable`    | `Boolean`       | `true`           | If true, the header and each row will display a checkbox to allow the user to select them.|
-| `selected`    | `Array`       |                  | Array of indexes of the items in the source that should appear as selected.|
-| `source`    | `Array`       |                  | Array of objects representing each item to show.|
+| `className`       | `String`        | `''`            | Sets a custom class to style the Component.|
+| `heading`         | `Boolean`       | `true`          | If true, component will show a heading using model field names.|
+| `model`           | `Object`        |                 | Object describing the data model that represents each object in the `source`.|
+| `onChange`        | `Function`      |                 | Callback function that is fired when an item in a row changes. If set, rows are editable. |
+| `onSelect`        | `Function`      |                 | Callback function invoked when the row selection changes.|
+| `selectable`      | `Boolean`       | `true`          | If true, the header and each row will display a checkbox to allow the user to select them.|
+| `selected`        | `Array`         |                 | Array of indexes of the items in the source that should appear as selected.|
+| `source`          | `Array`         |                 | Array of objects representing each item to show.|
diff --git a/components/tabs/readme.md b/components/tabs/readme.md
@@ -37,7 +37,7 @@ class TabsTest extends React.Component {
 
 This component acts as the wrapper and the main controller of the content that is being displayed. It gets some properties that can be spread to the children.
 
-| Name              | Type          | Default         | Description|
+| Name                          | Type            | Default         | Description|
 |:-----|:-----|:-----|:-----|
 | `className`                   | `String`        | `''`            | Additional class name to provide custom styling.|
 | `disableAnimatedBottomBorder` | `Boolean`       | `false`         | Disable the animation below the active tab.|

diff --git a/components/time_picker/readme.md b/components/time_picker/readme.md
@@ -24,11 +24,11 @@ class TimePickerTest extends React.Component {
 
 ## Properties
 
-| Name          | Type    | Default         | Description|
+| Name            | Type        | Default     | Description|
 |:-----|:-----|:-----|:-----|
-| `className`         | `String`        |             | This class will be placed at the top of the `TimePickerDialog` component so you can provide custom styles.|
-| `error`         | `String`        |                 | Provide error text which will be displayed under the field.|
-| `format`    | `String`  | `24hr`          | Format to display the clock. It can be `24hr` or `ampm`.|
-| `label`         | `String`        |             | The text string to use for the floating label element in the input component.|
-| `onChange`       | `Function`       |                | Callback called when the picker value is changed.|
-| `value`     | `Date`    |   | Datetime object with currrently selected time |
+| `className`     | `String`    |             | This class will be placed at the top of the `TimePickerDialog` component so you can provide custom styles.|
+| `error`         | `String`    |             | Provide error text which will be displayed under the field.|
+| `format`        | `String`    | `24hr`      | Format to display the clock. It can be `24hr` or `ampm`.|
+| `label`         | `String`    |             | The text string to use for the floating label element in the input component.|
+| `onChange`      | `Function`  |             | Callback called when the picker value is changed.|
+| `value`         | `Date`      |             | Datetime object with currrently selected time. |