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

IN PROGRESS DONE DEFECT DEV NEEDED WAITING FOR REVIEW

Component

Status

Zeplin link

Storybook link

DEV todo

UX todo

Text Field

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

button

DONE

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

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

DONE

DONE

icons

DONE

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

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

DONE

DONE

table

DEV NEEDED

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

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

Add:

  1. Sorting

  2. Row selection

  3. Inline Editable rows

  4. Tree tables

  5. Extended Rows tables

  6. Spreadshit tables

checkbox + checkbox group

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

radio button + radio group

DEFECT

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

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

DONE

Center radio button check circle

Select (Drop Down Menu)

DONE

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

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

DONE

DONE

Selector - Segmented button

DEV NEEDED

https://zpl.io/2Eyk8XD

Add selection state (Currently it is missing))

Date Picker

DONE

https://zpl.io/aNXBPk2

DONE

DONE

Time Picker

https://zpl.io/adOXdRV

Create component according to LUX

Combo Box

https://zpl.io/amp1y3V

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

Split button

DONE

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

Slider

https://zpl.io/VqoY84b

Add component according to LUX design

Tree

DEV NEEDED

DEFECT

https://zpl.io/agwRA0a

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

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

  • 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

Toggle button

https://zpl.io/bl5Myv2

Add component according to LUX design

Tabs

https://zpl.io/bPkL1ma
https://zpl.io/VODWzzr
https://zpl.io/bJvqAmE

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

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

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

Wizard

https://zpl.io/bW6oWKa

Add component according to LUX design

Tooltips

https://zpl.io/b6JJj6K

Add all types of tooltips according to LUX design

List

https://zpl.io/V1XnDX2

Add component according to LUX design

Spinner

https://zpl.io/2ZWPJwV

Add component according to LUX design

Text Area

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.

search field

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.

Text link

WAITING FOR REVIEW

https://zpl.io/29WK6ea

Excel grids

Add component according to LUX design

Accordion

Add component according to LUX design

Breadcrumbs

Add component according to LUX design

Action Menus

Add component according to LUX design

Multiple selection drop down menu

Add component according to LUX design

Searchable drop down menu

Add component according to LUX design

Multi select searchable drop down menu

Add component according to LUX design

Dialogs

Add component according to LUX design

Progress Indicator

Add component according to LUX design

Toast

Add component according to LUX design

Tagging

Add component according to LUX design

Range Picker

Add component according to LUX design

dev

  • No labels