Cool React components, wrapped for Plotly Dash
Project description
Dash Cool Components
Cool React components, wrapped for Plotly Dash
Table of contents
Installation
pip install dash-cool-components
Components
Datetime Picker
A date-time-timezone picker input. Implemented with the React Datepicker and Timezone Picker React components.
Component Properties:
| Argument | Value | Description |
|---|---|---|
| id | string | The ID used to identify this component in Dash callbacks. |
| value | string | The input's current value, on ISO format with date, time and timezone. |
| renderTimezone | boolean | Defines if the timezone input should be rendered. Defaults to true. |
| placeholder | string | The date input placeholder. |
| timezonePlaceholder | string | The timezone input placeholder. |
| style | object or string | The component container's style. Can be a style object or a css string. |
| dateInputStyle | object or string | The date input's style. Can be a style object or a css string. |
| timezoneInputStyle | object | The timezone container's style. Must be a style object. |
Keyed File Browser
File and directory browser given a flat keyed list of objects. Implemented with React Keyed File Browser.
Component Properties
| Argument | Value | Description |
|---|---|---|
| id | string | The ID used to identify this component in Dash callbacks. |
| selectedPath | string | The current selected path in the file tree. |
| files | array | The file tree to be displayed in the browser. Each entry in the array must be an object with the key property, which specifies it's location in the tree. Otherproperties are modified and size. To be able to receive the path selection feedback, you must enter keys for both files and folders. |
Tag Input
A tag input component. Implemented with React Tag Input.
Components Properties
| Argument | Value | Description |
|---|---|---|
| id | string | The ID used to identify this component in Dash callbacks |
| wrapperStyle | object or string | The component wrapper's style. Can be either a style object or a CSS string. |
| tagStyle | object or string | The tag's style. Can be either a style object or a CSS string |
| inputStyle | object or string | The text input's style. Can be either a style object or a CSS string. |
| tagDeleteStyle | object or string | The tag delete button's style. Can be either a style object or a CSS string. |
| placeholder | string | Placeholder for the text input |
| placeholder | string | Placeholder for the text input |
| value | array | The input's current tags array of objects. e.g [{"index": 0, "displayValue": "Tag"}] |
| injectedTags | array | Tags to be inserted on the input. The input's atual tags are replaced. |
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
dash_cool_components-0.1.4.tar.gz
(857.6 kB
view hashes)
Close
Hashes for dash_cool_components-0.1.4.tar.gz
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | fd84d42a41c90f7524c2f769ac603b3a2a7fe4ce4baf4442f18060cd1178952f |
|
| MD5 | ecce4b044032dc5da680bc33f0a4d361 |
|
| BLAKE2b-256 | ed5083515c700a081173011b7ee40e906d717d02016fc1e48c2f7c2ba6a2ffca |
