![]() Text entry filters support filter chips, but do not support type-ahead or badges.įilter chips are supported for text entry filters, but in general, we recommend not showing a chip to avoid redundancy, except for cases when text entry filters are used inside of attribute-value filters. Using the search input component is preferred, however, use the input group component when you are worried about performance issues with querying a large data set after every stroke. Use a text entry filter when you’d like to give users the ability to search values in unbound data. Note: With both basic filter components, the user can only filter by one input at a time. With input groups, the user must press enter to apply the search, and start filtering data in the table. With search inputs, the data in the table automatically filters as the user types. BehaviorĪlthough both basic filter components have the same end result, they differ in when the search is triggered. If the inputted string filters all columns, the placeholder text of the input field should read “Filter” instead. If the inputted string is constrained to filter a single column, the placeholder text of the input field should read “Filter by attribute name”. Note, the placeholder text in your text entry filter should indicate what the user can filter on. Search input with button: Filters on enter, or click of arrow button.Basic search input: Filters automatically, as soon as the user starts typing.The text entry filter uses the search input component which can be used with or without a button. Text entry filtersĪ text entry filter provides the user with an input field to type in values that filter the view, whether or not their input is an exact match. Filtering methods include text entry filters, single selects and checkbox selects. There are various ways to allow users to filter down content. These elements may be used in a toolbar or on their own.įilters can consist of one or multiple attributes.įilters consisting of single attributes include:įilters consisting of multiple attributes include: PatternFly provides a number of components that can be used in a variety of combinations to create a custom filtering experience. Writing design guidelines for PatternFlyįilters allow users to narrow down content from data in tables, data lists or card views, among many others.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |