RanchiMall/standard-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added menu component information

Browse Source
This commit is contained in:
sairaj mote 2020-08-05 23:08:31 +05:30 committed by GitHub
parent 83266310d3
commit e564d49917
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Standard UI Components/README.md
View File

@ -278,6 +278,32 @@ console.log(myInput.value)
console.log(myInput.isValid) console.log(myInput.isValid)
``` ```
### Menu
[See Demo](https://sairaj-mote.github.io/components/)
```html
<sm-menu></sm-menu>
```
You can add options using `<sm-menu-option></sm-menu-option>` instead of `<option>`.
#### Syntax
```html
<sm-menu id="my_menu">
<sm-menu-option>first option</sm-menu-option>
<sm-menu-option>second option</sm-menu-option>
<sm-menu-option>third option</sm-menu-option>
</sm-menu>
```
#### Is it ***Responsive***?
No, As by default this is an inline element that means it won't strech accross whole horizontal space.
#### Accessibility
This component supports keyboard interactivity like ***Enter*** or ***Spacebar*** to expand/collapse options. ***Arrow keys*** can be used to navigate between options.
Also can be accessed using ***Tab***.
### Notifications ### Notifications
[See Demo](https://sairaj-mote.github.io/components/) [See Demo](https://sairaj-mote.github.io/components/)