0.7.0 • Published 2 years ago

@dpa-id-components/dpa-expanded-search v0.7.0

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

@dpa-id-components/dpa-expanded-search

DpaEventItem Vue 2.x domain sepecific for Events (i.e. detail search in dpa-Agenda) component based on the dpa Design Kit

Installation

yarn add @dpa-id-components/dpa-expanded-search

Usage

<!-- SomeComponent.vue using DpaExpandedSearch -->
<template>
  <dpa-expanded-search>
    <template #content>
      <UiInputDialogGroup label="Enthält alle diese Wörter" placeholder="Beispiel: Bearbock, Mercedes" />
    </template>
    <template #actions>
      <ui-button color="white">Abbrechen</ui-button>
      <ui-button :rounded="true">Suchen</ui-button>
    </template>
  </dpa-expanded-search>
</template>

<script>
  export default {}
</script>

Demo

View a demo of <dpa-expanded-search> on Storybook

API

Slots

NameDescription
actionsslot for a ui-menu activator button for further actions (e.g. copy, share)
contentslot for search input fields. UiInputDialogGroup is highly recommended
0.5.0

2 years ago

0.4.1

2 years ago

0.3.2

2 years ago

0.4.0

2 years ago

0.3.1

2 years ago

0.7.0

2 years ago

0.3.4

2 years ago

0.6.0

2 years ago

0.3.3

2 years ago

0.2.0

2 years ago