@dpa-id-components/ui-menu
UiList
Vue 2.x list component based on the dpa Design Kit
Installation
yarn add @dpa-id-components/ui-list @dpa-id-components/ui-list-item
Usage
<!-- SomeComponent.vue using UiMenu -->
<template>
<ui-list>
<ui-list-item value="foo" selected selectable>Foo</ui-list-item>
<ui-list-item value="bar">Bar</ui-list-item>
<ui-list-item value="baz">Baz</ui-list-item>
</ui-list>
</template>
<script>
import UiList from "@dpa-id-components/ui-list";
import UiListItem from "@dpa-id-components/ui-list-item";
export default {
components: {
UiList,
UiListItem,
},
};
</script>
Demo
View a demo of <ui-list>
on Storybook
API
Please refer to the API for UiListItem
Events
Name | Type | Description |
---|---|---|
list-item-click |
any |
Emits the value of the ui-list-item clicked |