DocSpace-client/packages/components/link-with-dropdown

LinkWithDropdown

Link with dropdown

Usage

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

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

Properties

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