Content Comparison

...

Component

Status

Zeplin link

Storybook link

DEV todo

UX todo

Priority

Text Field

Status

title	dev needed

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/5986eb2359182e49f062ce3f

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

When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear.

Missing Error and warning icons

2

button

Status

colour	Green
title	Done

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/5a0bfac49a997dc84aa89715

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

Status

colour	Green
title	Done

Status

colour	Green
title	Done

icons

Status

colour	Green
title	Done

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/59928f231aef8c781243c882

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

Status

colour	Green
title	Done

Status

colour	Green
title	Done

table

Status

title	dev needed

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/59946fcf9428e2cf6df18fa3

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

Add:

Sorting
Row selection
Inline Editable rows
Tree tables
Extended Rows table

1

checkbox + checkbox group

Status

title	dev needed

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/59928f231aef8c781243c927

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

Add a focus indication - need to add show a checkbox which has a focus (grey BG)
The checkbox will have an hovered/active state when hovering/clicking either the checkbox or the label describing it

2

radio button + radio group

Status

colour	Red
title	Defect

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/59928f221be7f10a090bbf16

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

Status

colour	Green
title	Done

Center radio button check circle

Select (Drop Down Menu)

Status

colour	Green
title	Done

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/5986eb24bdc8f862e79afe67

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

Status

colour	Green
title	Done

Status

colour	Green
title	Done

Selector - Segmented button

Status

title	dev needed

https://zpl.io/2Eyk8XD

Add selection state (Currently it is missing))

1

Date Picker

Status

colour	Green
title	Done

https://zpl.io/aNXBPk2

Status

colour	Green
title	Done

Status

colour	Green
title	Done

Time Picker

https://zpl.io/adOXdRV

Create component according to LUX

1

Combo Box

https://zpl.io/amp1y3V

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

1

Split button

Status

colour	Green
title	Done

https://zpl.io/V4WPQ82

Add 2 types of split buttons:

Persistent
Fixed

Currently, only Persistent is supported

missing disabled, error and warning states

2

Slider

https://zpl.io/VqoY84b

Add component according to LUX design and according to the design

2

Tree

Status

title	dev needed

Status

colour	Red
title	Defect

https://zpl.io/agwRA0a

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

Fix styling issues

1

Tree

https://zpl.io/agwRA0a

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

4

Tree

https://zpl.io/agwRA0a

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

Fix styling issues

1, 4, 2

Switch

https://zpl.io/bl5Myv2

Add component according to LUX design

2

Tabs

https://zpl.io/bPkL1ma

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

1

Tabs

https://zpl.io/VODWzzr

Add components according to LUX design

1

Tabs

https://zpl.io/bJvqAmE

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

1, 1, 2

Popup window

https://zpl.io/VKOlj6V

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

4

Message popups(warning, error etc)

https://zpl.io/bP6mg6V

Add components according to LUX design:

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

1

Wizard

https://zpl.io/bW6oWKa

Add component according to LUX design

2

Tooltips

https://zpl.io/b6JJj6K

Add all types of tooltips according to LUX design

1

List

https://zpl.io/V1XnDX2

Add component according to LUX design

1

Numeric stepper

https://zpl.io/2ZWPJwV

Add component according to LUX design

1

Text Area

Status

colour	Blue
title	waiting for review

https://zpl.io/2v4yY7a

When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear.

2

search field

Status

colour	Blue
title	waiting for review

https://zpl.io/25Gz0na

When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear.

2

Text link

Status