Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Storybook URL: https://vue-lux.verint-api.com/?path=/story/introduction--page

Element

Current

LUX Design

Comments

Alerts

https://vue-lux.verint-api.com/?path=/story/components-luxalert--default

Image Added

https://zpl.io/2ynev9n

Image Added

Border radius is missing.

Text should not be bold (unless it is a header)

Breadcrumbs

https://vue-lux.verint-api.com/?path=/story/components-luxbreadcrumbs--default

Image Added

https://zpl.io/VkqxLgM

Image Added

Active color is missing

Space between divider and text too small

Regular color should be #0075e4

Button

https://vue-lux.verint-api.com/?path=/story/components-luxbutton--default

Image AddedImage Added

https://zpl.io/bJOdGjK

https://zpl.io/29NpG7A

Image Added

Regular button should be grey

Primary button should be blue

Secondary button should be green

Colors should be according to Zeplin (currently there are mismatches)

Active state is missing

Link

https://vue-lux.verint-api.com/?path=/story/components-luxlink--default

Image Added

https://zpl.io/29WK6ea

Image Added

Blue color should be #0075e4

Active state is missing

Selector

https://vue-lux.verint-api.com/?path=/story/components-luxpagesize--default

Image Added

https://zpl.io/2Eyk8XD

Image Added

Hover state is missing

Active state is missing

Pagination

https://vue-lux.verint-api.com/?path=/story/components-luxpagination--default

Image Added

https://zpl.io/b6r8ley

Image Added

Input field should be closer to the “/”

Table

https://vue-lux.verint-api.com/?path=/story/components-luxtable--default

Image Added

https://zpl.io/Vx7kQm2

Image Added

Hover color should be #edf6ff

Selection is missing

Select (Menu)

https://vue-lux.verint-api.com/?path=/story/form-luxlazyloadselect--single

https://vue-lux.verint-api.com/?path=/story/form-luxselect--single

Image Added

https://zpl.io/bWOjejb

Image Added

Hover color should be #edf6ff

Active background color should be #ddd

Number field

https://vue-lux.verint-api.com/?path=/story/form-luxnumberinput--default

Image Added

https://zpl.io/2p9kWgl

Image Added

Should be able to hover each part separately (input, arrow up, arrow down)

Active state is missing

There is a gap between the arrows and the right border:

Image Added

Toggle

https://vue-lux.verint-api.com/?path=/story/form-luxtoggle--default

Image Added

https://zpl.io/VO6gPDQ

Image Added

Current implementation is different from the LUX design