Versions Compared

Version Old Version 50 New Version 51
Changes made by

Rajesh Venkatesh

Rajesh Venkatesh

Saved on

Key

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

...

  • Alphabetical. If there are more than 8 options available, sort them alphabetically. This helps the user to find the right option quickly. Sort currencies, names, and similar content alphabetically.

  • Numeric. Sort numeric values in a sequential order, with the lowest number first.

  • Chronological. Sort time-related information into chronological order, with the most recent first.

States

State

Image

Regular

image-20240404-075601.pngImage Removedimage-20240404-081201.pngImage Added

Hover

image-20240404-075647.pngImage Removedimage-20240404-081257.pngImage Added

Active

image-20240404-075816.pngImage Removedimage-20240404-081332.pngImage Added

Active, Hover

image-20240404-080059.pngImage Removedimage-20240404-081403.pngImage Added

Disabled

image-20240404-080132.png

Focused

image-20240404-080343.pngImage Removedimage-20240404-081545.pngImage Added

Focused, Hover

image-20240404-080410.pngImage Removedimage-20240404-081628.pngImage Added

Focused, Active

Image Removedimage-20240404-081704.pngImage Added

Focused, Disabled

Image Removedimage-20240404-081729.pngImage Added

Interaction

  • On hover, the row will be highlighted and Checkboxes or Icon Buttons will appear, where applicable.

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

  • Items in the header area, including the search bar and list title, should remain sticky when the list is scrolled.

...