Content Comparison

/reactlux /?path=/story/radio--radio-story

...

Status

colour	Green
title	Done

Select (Drop Down Menu)

https://zpl.io/bWOjejb

http://10.165.245.224/reactlux /?path=/story/select--selecttory

Status

colour	Green
title	Done

Selector - Segmented button

https://zpl.io/2Eyk8XD

http://10.165.245.224/reactlux/?path=/story/buttongroup--button-group-story

Status

colour	Green
title	Done

Date Picker

https://zpl.io/aNXBPk2

http://10.165.245.224/reactlux/?path=/story/datepicker--keyboard-date-picker-story

...

Status

colour	Green
title	Done

Time Picker

https://zpl.io/adOXdRV

1

Create component according to LUX

1MW

3D

Status

colour	Green
title	Done

Combo Box

https://zpl.io/amp1y3V

1

Add a combobox with a functionality where the user enters a value which is not from the list

2D

Split button

https://zpl.io/V4WPQ82

http://10.165.245.224/reactlux/?path=/story/splitbutton--split-button-story

2

Add 2 types of split buttons:

Persistent
Fixed

Currently, only Persistent is supported

3D

Status

title	dev needed

missing disabled, error and warning states

2D

Slider

https://zpl.io/VqoY84b

2

Add component according to LUX design and according to the design

2D

3D

Status

colour	Green
title	Done

Tree

http://10.165.245.224/reactlux/?path=/story/switch--switch-story

...

zpl.io/agwRA0a

1

When the label is truncated (node name), hovering over it will show a tooltip with the full label.

2D

Status

title	dev needed

Fix styling issues

1D

Tree

https://zpl.io/agwRA0a

4

When a user expands a node if the nodes are not shown immediately, provide a "loading" indication at the place below the expanded node.

1D

Status

title	dev needed

1D

Tree

https://zpl.io/agwRA0a

2

Multiple selection - Allow the selection of one or more items. For this, the tree provides checkboxes on the left side of each line item

1D

Status

title	dev needed

2D

Status

colour	Green
title	Done

Switches

https://zpl.io/bl5Myv2

Status

colour	Green
title	Done

Tabs

https://zpl.io/bPkL1ma

/reactlux/?path=/story/tabs--tabs-story

...

1

Add components according to LUX design (including error/warning indications)

Status

colour	Green
title	Done

Tabs - Details pane tabs

https://zpl.io/VODWzzr

10.165.245.224/reactlux/?path=/story/tabs--ribbon-tabs-story

...

tabs--details-pane-

...

tabs-story

...

1

Add components according to LUX design

Status

colour

...

title
Green

...

Done

Tabs - Ribbon tabs

https://zpl.io/bJvqAmE

http://

...

2

Add components according to LUX design

Status

colour	Green
title	Done

Popup window

https://zpl.io/VKOlj6V

http://10.165.245.224/reactlux/?path=/story/popup--popup-story

4

Add component according to LUX design:

The popup should appear at 2/3 height of the screen
The user will be able to move the popup across the screen

Status

colour	Green
title	Done

Message popups(warning, error etc)

https://zpl.io/bP6mg6V

http://10.165.245.224/reactlux/?path=/story/popup--help-message-story

http://10.165.245.224/reactlux/?path=/story/popup--info-message-story

/reactlux/?path=/story/popup--warning-message-story

...

http://10.165.245.224/reactlux/?path=/story/wizard--wizard-story

...

popup--error-

...

message-story

...

Missing

Sorting
Row selection

1

Add components according to LUX design:

max-height: 600px for the whole popup
if the text is longer, a scroll will be added

Status

colour	Green
title	Done

Wizard

https://zpl.io/bW6oWKa

2

Add component according to LUX design

Status

colour

...

Green
title	Done

...

Tooltips

http://10.165.245.224/reactlux/?path=/story/tooltip--tooltip-story

...

zpl.io/b6JJj6K

1

Add all types of tooltips according to LUX design

Status

colour	Green
title	Done

List

https://zpl.io/V1XnDX2

http://10.165.245.224/reactlux/?path=/story/list--list-story

http://10.165.245.224/reactlux/?path=/story/list--chekbox-list-story

/reactlux/?path=/story/list--smart-select-list-story

...

1

Add component according to LUX design

Status

colour	Green
title	Done

Numeric Stepper

https://zpl.io/2ZWPJwV

numeric-stepper--numeric-

...

...

stepper-story

...

No focus highlight

...

1

Add component according to LUX design

1D

Status

title	dev needed

Need to hover on input and trigger separately. This is currently not enabled in CSS (hover over pseudo elements)

Status

colour	Green
title	Done

Text Area

http://10.165.245.224/reactlux/?path=/story/textfield--text-field-story

...

zpl.io/2v4yY7a

2

Status

colour	Green
title	Done

Search

https://zpl.io/25Gz0na

http://10.165.245.224/reactlux/?path=/story/textfield--text-field-story

2

Status

colour	Green
title	Done

Text link

https://zpl.io/29WK6ea

/reactlux/?path=/story/textlink--text-link-story

...

Status

colour	Green
title	Done

Spreadsheet table

3

Add component according to LUX design

3D

Accordion

https://zpl.io/V04WW99

...

accordion--

...

accordion-story

...

2

Add component according to LUX design

Status

colour	Green
title	Done

Breadcrumbs

https://zpl.io/VkqxLgM

1

Add component according to LUX design

Status

colour	Green
title	Done

Action Menus