This component gives simple drop-down which can be used to create drop-down for changing time durations. This component is mainly used in charts.
该组件提供了简单的下拉菜单,可用于创建下拉菜单以更改持续时间。该组件主要用于图表中。
Overview
Component Name: change-time-duration-dropdown
Use case: Create change time duration dropdown. Mainly used in charts.
Path: src/components/ChangeTimeDurationDropdown.vue
Is Globally Registered: false
This component is really simple and easy to position in charts.
Adding Component
TIP This component emits event(>
timeDurationChanged
) on click with string representation of which option is selected of drop-down item. 该组件在单击时会发出事件(timeDurationChanged),并带有表示下拉菜单中选择哪个选项的字符串表示。 Have a look at how drop-down item emits event.Dependencies
- Tailwind
API
Name | Type | Parameters | Description | default |
---|---|---|---|---|
list | Array | List of String | Accepts Array containing String | |
icon | String | Feather icon name | Accepts feather icon name according to vue-feather-icon library |