Task decision
Typescript ❤️
Tasks and decisions react components
Install
yarn add @atlaskit/task-decisionSource
Bundle
Changelog
Latest
Note: This component is designed for internal Atlassian development.
External contributors will be able to use this component but will not be able to submit issues.
This component provides components for rendering tasks and decisions.
Usage
Use the component in your React app as follows:
import { DecisionList, DecisionItem } from '@atlaskit/task-decision';
ReactDOM.render(<DecisionItem>A decision</DecisionItem>, container);
ReactDOM.render(
<DecisionList>
<DecisionItem>A decision</DecisionItem>
<DecisionItem>Another decision</DecisionItem>
</DecisionList>,
container,
);
};Status Picker
Simple DecisionItem
Hello world.
Long DecisionItem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Simple DecisionItem with renderer
Hello world
This is a some content 😉 was here.
Simple DecisionItem with placeholder
Placeholder text
Decision Props
children any
contentRef object
string function required ref => undefinedplaceholder string
showPlaceholder boolean
appearance string
dataAttributes object
[key: string] union required One of string, number