1.9 KiB
1.9 KiB
LinkWithDropdown
Usage
import { LinkWithDropdown } from 'asc-web-components';
Description
Link with dropdown
Usage
<LinkWithDropdown color = "black" isBold = {true} data={data}>Link with dropdown</LinkWithDropdown>
Properties
| Props | Type | Required | Values | Default | Description |
|---|---|---|---|---|---|
dropdownType |
oneOf |
✅ | alwaysDotted, appearDottedAfterHover |
- | Type of dropdown: alwaysDotted is always show dotted style and icon of arrow, appearDottedAfterHover is show dotted style and icon arrow only after hover |
data |
array |
- | - | - | Array of objects, each can contain <DropDownItem /> props |
color |
oneOf |
- | gray, black, blue | black |
Color of link in all states - hover, active, visited |
fontSize |
number |
- | - | 13 |
Font size of link (in px) |
isBold |
bool |
- | - | false |
Set font weight |
title |
string |
- | - | - | Title of link |
isTextOverflow |
bool |
- | - | true |
Activate or deactivate text-overflow CSS property with ellipsis (' … ') value |
isSemitransparent |
bool |
- | - | false |
Set css-property 'opacity' to 0.5. Usually apply for users with "pending" status |