@lendi-ui/inline-dropdowndeprecated

A component.

Usage no npm install needed!

<script type="module">
  import lendiUiInlineDropdown from 'https://cdn.skypack.dev/@lendi-ui/inline-dropdown';
</script>

README

@lendi-ui/inline-dropdown

A component.

Installation

yarn add @lendi-ui/inline-dropdown

Usage

import InlineDropdown from '@lendi-ui/inline-dropdown';
(items = [
  {
    value: '1',
    label: '5 years',
  },
  {
    value: '2',
    label: '10 years',
  },
  {
    value: '3',
    label: '15 years',
  },
  {
    value: '4',
    label: '20 years',
  },
  {
    value: '5',
    label: '25 years',
  },
]),
  <InlineDropdown size="md" items={items} />;

Properties

<PropTable>
  <PropTable.Entry name="size" type={'"lg" | "md" | "sm"'} defaultValue="md" description="the inline-dropdown size"/>
  <PropTable.Entry name="items*" type="[{value: string, label: string}]" description="an object array with 'value' and 'label' that display in this component"/>
</PropTable>