DocSpace-buildtools/web/ASC.Web.Storybook/stories/link-with-dropdown/base
2019-08-15 16:08:19 +03:00
..
base.link-with-dropdown.stories.js web: components: Fixed LinkWithDropdown component 2019-08-08 14:19:25 +03:00
README.md Web: components: LinkWithDropdown: fixed README 2019-08-15 16:08:19 +03:00

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