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