feat(v4): Add filter input components (#10493)

This PR adds three components along with stories

1. MultiSelect - This is used for filter values, allowing multiple values and folding of values where there are too many items
2. SingleSelect - This is used for filter values, allows selecting and toggling a single item
3. FilterSelect - This is used for operators and others, it allows icons and labels as well as toggling them using props. The v-model for this binds just the final value unlike the previous two components with bind the entire object.

---------

Co-authored-by: Pranav <pranavrajs@gmail.com>
This commit is contained in:
Shivam Mishra
2024-11-26 01:22:28 +05:30
committed by GitHub
parent e9ba4200b2
commit c23cd094f9
11 changed files with 489 additions and 4 deletions

View File

@@ -5,8 +5,10 @@
},
"COMBOBOX": {
"PLACEHOLDER": "Select an option...",
"EMPTY_SEARCH_RESULTS": "No items found for the search term `{searchTerm}`",
"EMPTY_STATE": "No results found.",
"SEARCH_PLACEHOLDER": "Search..."
"SEARCH_PLACEHOLDER": "Search...",
"MORE": "+{count} more"
},
"DROPDOWN_MENU": {
"SEARCH_PLACEHOLDER": "Search...",