- style
VUE Storybook
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  | | 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 | | 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
| | 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
|
| Blue color should be #0075e4 Active state is missing |
Selector | https://vue-lux.verint-api.com/?path=/story/components-luxpagesize--default
|
| Hover state is missing Active state is missing |
Pagination | https://vue-lux.verint-api.com/?path=/story/components-luxpagination--default
|
| Input field should be closer to the “/” |
Table | https://vue-lux.verint-api.com/?path=/story/components-luxtable--default
|
| 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 |
| Hover color should be #edf6ff Active background color should be #ddd |
Number field | https://vue-lux.verint-api.com/?path=/story/form-luxnumberinput--default |
| 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 |
| Current implementation is different from the LUX design |