Skip to end of banner
Go to start of banner

React LUX status

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 68 Next »

IN PROGRESS DONE DEFECT DEV NEEDED WAITING FOR REVIEW

Priority: 1 (highest) - 4 (lowest)

Component

Zeplin link

Storybook link

Priority

DEV todo

Functional Dev Estimate

Functional Dev Status

UX Todo

UX Estimate

UX Status

Text Field

https://zpl.io/aMW4dR2

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

DONE

DONE

button

https://zpl.io/bJOdGjK

https://zpl.io/29NpG7A

https://zpl.io/25Ne193

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

DONE

DONE

icons

https://zpl.io/VKMjAXb

https://zpl.io/VDnAW4v

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

DONE

DONE

table

https://zpl.io/Vx7kQm2

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

1

Sorting

2MW

DEV NEEDED

0.5D

Row selection

2D

DEV NEEDED

0.5D

https://zpl.io/29Wxw6z

Inline Editing Tables

4D

DEV NEEDED

2D

https://zpl.io/2pEq6rV

Tree Tables

2D

DEV NEEDED

2D

https://zpl.io/25WWrg0

Extended Rows Tables

4D

DEV NEEDED

2D

checkbox + checkbox group

https://zpl.io/2jGkQWV

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

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

2D

DEV NEEDED

  • 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

0.5D

radio button + radio group

https://zpl.io/VxP6OWV

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

DONE

1D

Center radio button check circle

1D

DEFECT

Select (Drop Down Menu)

https://zpl.io/bWOjejb

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

DONE

DONE

Selector - Segmented button

https://zpl.io/2Eyk8XD

DONE

Date Picker

https://zpl.io/aNXBPk2

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

DONE

DONE

Time Picker

https://zpl.io/adOXdRV

1

Create component according to LUX

1MW

3D

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

2D

Split button

https://zpl.io/V4WPQ82

2

Add 2 types of split buttons:

  1. Persistent

  2. Fixed

Currently, only Persistent is supported

3D

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

Tree

https://zpl.io/agwRA0a

1

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

2D

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

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

DEV NEEDED

2D

Switches

https://zpl.io/bl5Myv2

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

DONE

Tabs

https://zpl.io/bPkL1ma

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

1

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

DONE

Tabs - Details pane tabs

https://zpl.io/VODWzzr

http://10.165.245.224/reactlux/?path=/story/tabs--details-pane-tabs-story

1

Add components according to LUX design

DONE

Tabs - Ribbon tabs

https://zpl.io/bJvqAmE

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

2

Add components according to LUX design

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

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

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

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

1

Add components according to LUX design:

  • max-height: 600px for the whole popup

  • if the text is longer, a scroll will be added

DONE

Wizard

https://zpl.io/bW6oWKa

2

Add component according to LUX design

DONE

Tooltips

https://zpl.io/b6JJj6K

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

1

Add all types of tooltips according to LUX design

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

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

1

Add component according to LUX design

DONE

Numeric Stepper

https://zpl.io/2ZWPJwV

1

Add component according to LUX design

1D

DEV NEEDED

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

DONE

Text Area

https://zpl.io/2v4yY7a

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

2

DONE

Search

https://zpl.io/25Gz0na

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

2

DONE

Text link

https://zpl.io/29WK6ea

http://10.165.245.224/reactlux/?path=/story/textlink--text-link-story

DONE

Spreadsheet table

3

Add component according to LUX design

3D

Accordion

https://zpl.io/V04WW99

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

2

Add component according to LUX design

DONE

Breadcrumbs

https://zpl.io/VkqxLgM

1

Add component according to LUX design

DONE

Action Menus

https://zpl.io/VxPedqm

1

Add component according to LUX design

1W

2D

Multiple selection drop down menu

2

Add component according to LUX design

2D

Searchable drop down menu

2

Add component according to LUX design

2D

Multi select searchable drop down menu

2

Add component according to LUX design

2D

Progress Indicator

https://zpl.io/VOOxOnk

1

Add component according to LUX design

3D

1D

Toast

https://zpl.io/2ynev9n

1

Add component according to LUX design

2D

IN PROGRESS

Tagging

2

Add component according to LUX design

3D

Range Picker

2

Add component according to LUX design

3D

Popover

https://zpl.io/2v4Y9nn

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

Add component according to LUX design

3D

  • Add 1 px white border on top and bottom (over blue sections) - done

  • Anchor triangle should have a border

  • Add border radius - done

  • No labels