Menu

1
() => {
2
  const { Add, Stop, Pen, Trash } = KubeIcon;
3
  const clickCallback = () => {
4
    console.log('you click me')
5
  }
6
  return (
7
    <Card style={{ width: '230px' }}>
8
      <Menu>
9
        <MenuLabel>menu label</MenuLabel>
10
        <MenuItem icon={<Add />} onClick={clickCallback}>Add</MenuItem>
11
        <MenuItem icon={<Stop />}>Stop</MenuItem>
12
        <MenuItem icon={<Pen />}>Edit</MenuItem>
13
        <Divider />
14
        <MenuItem icon={<Trash />}>Delete</MenuItem>
15
      </Menu>
16
    </Card>
17
  )
18
}

1
() => {
2
  const { Add, Stop, Pen, Trash } = KubeIcon;
3
  return (
4
     <Card style={{ width: '230px' }}>
5
        <Menu>
6
          <MenuLabel>menu label</MenuLabel>
7
          <MenuItem disabled icon={<Add />}>Add</MenuItem>
8
          <MenuItem icon={<Stop />}>Stop</MenuItem>
9
          <MenuItem icon={<Pen />}>Edit</MenuItem>
10
          <Divider />
11
          <MenuItem icon={<Trash />}>Delete</MenuItem>
12
        </Menu>
13
      </Card>
14
}