/
VUE Storybook
The following macros are not currently supported in the header:
  • style

VUE Storybook

Storybook URL: @storybook/core - Storybook

Element

Current

LUX Design

Comments

Element

Current

LUX Design

Comments

Alerts

@storybook/core - Storybook

https://zpl.io/2ynev9n

Border radius is missing.

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

 

Breadcrumbs

@storybook/core - Storybook

https://zpl.io/VkqxLgM

Active color is missing

Space between divider and text too small

Regular color should be #0075e4

Button

@storybook/core - Storybook

 

https://zpl.io/bJOdGjK

https://zpl.io/29NpG7A

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

@storybook/core - Storybook

 

https://zpl.io/29WK6ea

 

Blue color should be #0075e4

Active state is missing

Selector

@storybook/core - Storybook

 

https://zpl.io/2Eyk8XD

 

Hover state is missing

Active state is missing

Pagination

@storybook/core - Storybook

 

https://zpl.io/b6r8ley

 

Input field should be closer to the “/”

Table

@storybook/core - Storybook

 

https://zpl.io/Vx7kQm2

 

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

https://zpl.io/bWOjejb

 

Hover color should be #edf6ff

Active background color should be #ddd

Number field

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

https://zpl.io/2p9kWgl

 

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:

 

Toggle

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

https://zpl.io/VO6gPDQ

 

Current implementation is different from the LUX design

Related content

React LUX status
React LUX status
More like this
Components
Read with this
React storybook tables
React storybook tables
More like this
React LUX Accessibility Support
React LUX Accessibility Support
More like this
Responsive design
Responsive design
Read with this