Versions Compared

Key

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

...

Keyboard

Description

Tab

Navigates to the next link inside the breadcrumb trail. On the last link it will navigate to the next component.

Shift + Tab

Navigates to the previous link inside the breadcrumb trail. On the first link it will navigate to the previous component.

Space

N/A

Enter

Applies the link.

Esc

N/A

Arrows

N/A

Responsive design

Verint products should dynamically respond to the user’s screen size, platform, and orientation, supporting all devices down to the common tablet size (960px width).

For more information, including recommended breakpoints, see the general Responsive Design guidelines.

  • The breadcrumbs placement and positioning is fixed, regardless of screen width or height.

Where a breadcrumb line exceeds the container width:

  • Truncation will apply to all central items, while keeping the first, last, and second-last levels untruncated.

  • Truncation should apply to all of the central items equally, so each has the same available space.

  • The spacing between each level should remain static.

  • Each level should have a minimum width of 2 characters.

...

Design

Zeplin link

Screen thumbnail

https://zpl.io/VkqxLgM

...