Dropdown

1
() => {
2
const { Add, Stop, Pen, Trash, More } = KubeIcon;
3
const MenuComponent = (
4
  <Menu>
5
    <MenuLabel>menu label</MenuLabel>
6
    <MenuItem icon={<Add />}>创建</MenuItem>
7
    <MenuItem icon={<Stop />}>停止调度</MenuItem>
8
    <MenuItem icon={<Pen />}>Edit</MenuItem>
9
    <MenuItem icon={<Trash />}>Delete</MenuItem>
10
  </Menu>
11
);
12
return (
13
  <div style={{ height: '100px', width: '100%', backgroundColor: '#f9fbfd' }}>
14
    <Dropdown content={MenuComponent}>
15
      <Button variant="text" radius="lg">
16
        <More size={16} />
17
      </Button>
18
    </Dropdown>
19
  </div>
20
)
21
}
22