@illa-design/dropdown v1.3.0

Dropdown

It used to collect multiple commands into a floating container.

Installation

yarn add @illa-design/dropdown

Import component

import { Dropdown } from "@illa-dedign/dropdown"

API

Dropdown Basic Properties

Dropdown Events

Example

Basic usage

const dropList = (
  <Menu>
    <Item title={"Blog"} key={"1"} disabled />
    <Item title={"Tutorial"} key={"2"} />
    <Item title={"Docs"} key={"3"} />
    <Item title={"Community"} key={"4"} />
    <Item title={"Github"} key={"5"} />
  </Menu>
)
<Dropdown droplist={dropList}>
  <Button>Hover me</Button>
</Dropdown>

Set position of dropdown

const dropList = (
  <Menu>
    <Item title={"Blog"} key={"1"} disabled />
    <Item title={"Tutorial"} key={"2"} />
    <Item title={"Docs"} key={"3"} />
    <Item title={"Community"} key={"4"} />
    <Item title={"Github"} key={"5"} />
  </Menu>
)
<Dropdown droplist={dropList} position="bl">
  <Button>Hover me</Button>
</Dropdown>