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 65 Next »

IN PROGRESS DONE DEFECT DEV NEEDED WAITING FOR REVIEW

Priority: 1 (highest) - 4 (lowest)

Component

Status

Zeplin link

Storybook link

DEV todo

UX todo

Priority

DEV Estimate

UX Estimate

Text Field

DONE

https://zpl.io/aMW4dR2

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

DONE

DONE

button

DONE

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

DONE

https://zpl.io/VKMjAXb

https://zpl.io/VDnAW4v

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

DONE

DONE

table

DEV NEEDED

https://zpl.io/Vx7kQm2

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

Sorting

1

2MW

0.5D

DEV NEEDED

Row selection

2D

0.5D

DEV NEEDED

https://zpl.io/29Wxw6z

Inline Editing Tables

4D

2D

DEV NEEDED

https://zpl.io/2pEq6rV

Tree Tables

2D

2D

DEV NEEDED

https://zpl.io/25WWrg0

Extended Rows Tables

4D

2D

checkbox + checkbox group

DEV NEEDED

https://zpl.io/2jGkQWV

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

2D

0.5D

radio button + radio group

DEFECT

https://zpl.io/VxP6OWV

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

DONE

Center radio button check circle

1D

1D

Select (Drop Down Menu)

DONE

https://zpl.io/bWOjejb

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

DONE

DONE

Selector - Segmented button

DONE

https://zpl.io/2Eyk8XD

Date Picker

DONE

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

Create component according to LUX

1

1MW

3D

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

2D

2D

Split button

DEV NEEDED

https://zpl.io/V4WPQ82

Add 2 types of split buttons:

  1. Persistent

  2. Fixed

Currently, only Persistent is supported

missing disabled, error and warning states

2

3D

2D

Slider

https://zpl.io/VqoY84b

Add component according to LUX design and according to the design

2

2D

3D

Tree

DEV NEEDED

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

2D

1D

Tree

DEV NEEDED

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

1D

1D

Tree

DEV NEEDED

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

2

1D

2D

Switches

DONE

https://zpl.io/bl5Myv2

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

Tabs

DONE

https://zpl.io/bPkL1ma

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

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

1

Tabs - Details pane tabs

DONE

https://zpl.io/VODWzzr

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

Add components according to LUX design

1

Tabs - Ribbon tabs

DONE

https://zpl.io/bJvqAmE

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

Add components according to LUX design

2

Popup window

DONE

https://zpl.io/VKOlj6V

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

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)

DONE

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

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

DONE

https://zpl.io/bW6oWKa

Add component according to LUX design

2

Tooltips

DONE

https://zpl.io/b6JJj6K

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

Add all types of tooltips according to LUX design

1

List

DONE

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

Add component according to LUX design

1

Numeric Stepper

DONE DEV NEEDED

https://zpl.io/2ZWPJwV

Add component according to LUX design

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

1

1D

Text Area

DONE

https://zpl.io/2v4yY7a

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

DONE

2

Search

DONE

https://zpl.io/25Gz0na

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

DONE

2

Text link

DONE

https://zpl.io/29WK6ea

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

DONE

Spreadsheet table

Add component according to LUX design

3

3D

Accordion

DONE

https://zpl.io/V04WW99

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

Add component according to LUX design

2

Breadcrumbs

DONE

https://zpl.io/VkqxLgM

Add component according to LUX design

1

Action Menus

https://zpl.io/VxPedqm

Add component according to LUX design

1

1W

2D

Multiple selection drop down menu

Add component according to LUX design

2

2D

Searchable drop down menu

Add component according to LUX design

2

2D

Multi select searchable drop down menu

Add component according to LUX design

2

2D

Progress Indicator

https://zpl.io/VOOxOnk

Add component according to LUX design

1

3D

1D

Toast

IN PROGRESS

https://zpl.io/2ynev9n

Add component according to LUX design

1

2D

Tagging

Add component according to LUX design

2

3D

Range Picker

Add component according to LUX design

2

3D

Popover

DEV NEEDED

https://zpl.io/2v4Y9nn

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

Add component according to LUX design

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

  • Anchor triangle should have a border

  • Add border radius

3D

  • No labels