Search Tags Component
Scenarios
The "Tag Selector" component is used to provide tag display and tag selection functionality within the application. It can be used to create user interface elements with tag selection capabilities.
Basic Function Description
Search tags components have the below basic fucntions:
-
Tags Selection: The "Tag Selector" component allows users to select tags. When a tag is selected, it will appear in a selected state, as shown in the following image：
Preview：
-
Static Data Requirement: The component supports using static data, which is particularly useful for demonstration pages or when real data is not available. Static data takes precedence over data sources.
Property Introduction
Search tags have the below properties：
| Property Name | Property Description |
|---|---|
| Static Data | Users can choose whether to use static data. This is particularly useful for demonstration pages or when real data is not available. Static data takes precedence over data sources. |
| Data Model | The component can render and display tags using the data model provided by the data source. |
| Field Title | Users can customize the title content of the tags. |
| Display Title | Users can set whether to display the title of the tags. |
| Tags Style | Users can change the style of the tags, with options like rectangle, rounded, ellipse, etc. |
| Support Chosen | Users can set whether to allow tags to be in a chosen state. |
| Closable | Users can set whether tags support a close button. |
| Color | Users can set whether tags are displayed as colored tags. |
| Size | Users can choose the size of the tags, including large, medium, small, and mini. |
| Data Filtering | Users can filter tag data based on specified conditions. |
| Maximum Selection | Users can set the maximum number of tags that can be selected, for example, a maximum of 5 tags |
| Pre-selected Tag Settings | Users can define the style and attribute settings of tags before they are selected. |
| Post-selected Tag Settings | Users can define the style and attribute settings of tags after they are selected. |
| Tag Border Type | Users can specify the border type of the tags, such as solid, dashed, and more. |
| Width | Users can set the width of the tags |
以上属性将帮助您自定义查询标签组件以满足您的应用程序需求。根据您的设置，用户将能够在界面上选择和展示标签，以实现更好的用户体验和功能。