https://github.com/postor/react-multilevel-menu-aim
react version for https://github.com/kamens/jQuery-menu-aim
https://github.com/postor/react-multilevel-menu-aim
Last synced: 2 months ago
JSON representation
react version for https://github.com/kamens/jQuery-menu-aim
- Host: GitHub
- URL: https://github.com/postor/react-multilevel-menu-aim
- Owner: postor
- License: mit
- Created: 2022-01-19T03:22:43.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-17T10:54:34.000Z (about 3 years ago)
- Last Synced: 2025-03-18T13:10:02.484Z (2 months ago)
- Language: TypeScript
- Size: 313 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-multilevel-menu-aim
react version for https://github.com/kamens/jQuery-menu-aim
## usage
https://codesandbox.io/s/react-multilevel-menu-aim-kiosr
```
import { MenuAim, Menu, SubMenuPanel } from 'react-multilevel-menu-aim'
const Horizontal = () => {
return
{'ABCDEFG'.split('').map(x =>
{x}
{'123456789'.split('').map(y =>
{x + y}
{'ABCDEFG'.split('').map(z =>
{x + y + z}
{'123456789'.split('').map(a =>
{x + y + z + a}
{'ABCDEFG'.split('').map(b =>
{x + y + z + a + b}
)}
)}
)}
)}
)}
{`
ul,li {
list-style-type: none;
padding: 0;
margin: 0;
}
ul {
position: absolute;
top: -1px;
border: 1px solid black;
width: 100px;
padding-left: 30px;
left: 131px;
height: 200px;
background: #fff;
}
.menu {
height: 200px;
position: relative;
top: 0;
left: 0;
}
`}
}
export default Horizontal
```