2.1 KiB
2.1 KiB
DropDownItem
Is a item of DropDown component
Usage
import DropDownItem from "@appserver/components/drop-down-item";
<DropDownItem
isSeparator={false}
isHeader={false}
label="Button 1"
icon="static/images/nav.logo.react.svg"
onClick={() => console.log("Button 1 clicked")}
/>
An item can act as separator, header, or container.
When used as container, it will retain all styling features and positioning. To disable hover effects in container mode, you can use noHover property.
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
className |
string |
- | - | - | Accepts class |
disabled |
bool |
- | - | false |
Tells when the dropdown item should display like disabled |
icon |
string |
- | - | - | Dropdown item icon |
id |
string |
- | - | - | Accepts id |
isHeader |
bool |
- | - | false |
Tells when the dropdown item should display like header |
isSeparator |
bool |
- | - | false |
Tells when the dropdown item should display like separator |
label |
string |
- | - | Dropdown item |
Dropdown item text |
noHover |
bool |
- | - | false |
Disable default style hover effect |
onClick |
func |
- | - | - | What the dropdown item will trigger when clicked |
style |
obj , array |
- | - | - | Accepts css style |