History

gazizova-vlada 27109aae4a Fix Bug 57965: Added a scrollbar for the list of formats.		2022-07-06 18:06:32 +03:00
..
index.js	Fix Bug 57965: Added a scrollbar for the list of formats.	2022-07-06 18:06:32 +03:00
link-with-dropdown.stories.js	Web:Components:LinkWithDropdown: add support dark-theme	2021-12-14 11:46:11 +08:00
link-with-dropdown.test.js	Web: Components: changed component hierarchy	2021-02-24 17:42:09 +03:00
README.md	Web: Components/Common: fix imports	2021-02-26 00:19:45 +03:00
styled-link-with-dropdown.js	Web: Components: LinkWithDropdown: fix style	2022-04-27 15:22:14 +03:00

LinkWithDropdown

Link with dropdown

import LinkWithDropdown from "@appserver/components/link-with-dropdown";

<LinkWithDropdown color="black" isBold={true} data={data}>
  Link with dropdown
</LinkWithDropdown>

Props	Type	Required	Values	Default	Description
`color`	`oneOf`	-	`gray`, `black`, `blue`	`black`	Color of link in all states - hover, active, visited
`data`	`array`	-	-	-	Array of objects, each can contain `<DropDownItem />` props
`dropdownType`	`oneOf`	✅	`alwaysDashed, appearDashedAfterHover`	-	Type of dropdown: alwaysDashed is always show dotted style and icon of arrow, appearDashedAfterHover is show dotted style and icon arrow only after hover
`fontSize`	`string`	-	-	`13px`	Font size of link
`fontWeight`	`number, string`	-	-	-	Font weight of link
`id`	`string`	-	-	-	Accepts id
`isBold`	`bool`	-	-	`false`	Set font weight
`isSemitransparent`	`bool`	-	-	`false`	Set css-property 'opacity' to 0.5. Usually apply for users with "pending" status
`isTextOverflow`	`bool`	-	-	`true`	Activate or deactivate text-overflow CSS property with ellipsis (' … ') value
`style`	`obj`, `array`	-	-	-	Accepts css style
`title`	`string`	-	-	-	Title of link