History

Alexey Safronov f3afd79a3f Merge branch 'develop' into feature/virtual-rooms-1.2 # Conflicts: # packages/asc-web-common/components/AdvancedSelector/AdvancedSelector.js # packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js # packages/asc-web-common/components/FilterInput/sub-components/SortComboBox.js # packages/asc-web-common/components/PageLayout/index.js # packages/asc-web-common/store/SettingsStore.js # packages/asc-web-components/avatar-editor/sub-components/avatar-editor-body.js # packages/asc-web-components/combobox/index.js # packages/asc-web-components/context-menu/styled-context-menu.js # packages/asc-web-components/drop-down/index.js # packages/asc-web-components/link-with-dropdown/index.js # packages/asc-web-components/row/index.js # packages/asc-web-components/table-container/StyledTableContainer.js # packages/asc-web-components/table-container/TableHeaderCell.js # packages/asc-web-components/themes/dark.js # products/ASC.Files/Client/public/images/files.menu.svg # products/ASC.Files/Client/src/components/Article/Body/TreeFolders.js # products/ASC.Files/Client/src/components/Badges.js # products/ASC.Files/Client/src/components/QuickButtons.js # products/ASC.Files/Client/src/components/panels/NewFilesPanel/index.js # products/ASC.Files/Client/src/components/panels/OperationsPanel/index.js # products/ASC.Files/Client/src/components/panels/SelectFileDialog/AsideView.js # products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js # products/ASC.Files/Client/src/components/panels/SharingPanel/index.js # products/ASC.Files/Client/src/components/panels/StyledPanels.js # products/ASC.Files/Client/src/components/panels/UploadPanel/FileRow.js # products/ASC.Files/Client/src/components/panels/UploadPanel/index.js # products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js # products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js # products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/TableContainer.js # products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/TableRow.js # products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/FileNameCell.js # products/ASC.Files/Client/src/pages/Home/Section/Filter/index.js # products/ASC.Files/Client/src/pages/Home/Section/Header/index.js # products/ASC.Files/Client/src/pages/Home/index.js # products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/VersionRow.js # products/ASC.Files/Client/src/store/UploadDataStore.js # products/ASC.People/Client/public/images/people.menu.svg # products/ASC.People/Client/src/components/GroupSelector/index.js # products/ASC.People/Client/src/components/PeopleSelector/index.js # products/ASC.People/Client/src/pages/Home/Section/Body/RowView/userContent.js # products/ASC.People/Client/src/pages/Home/index.js # products/ASC.People/Client/src/pages/Profile/Section/Body/index.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/header-nav.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/header.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/nav-item.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/profile-menu.js # web/ASC.Web.Client/src/components/pages/Home/index.js		2022-03-01 13:50:26 +03:00
..
index.js	Merge branch 'develop' into feature/virtual-rooms-1.2	2022-03-01 13:50:26 +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
README.md	Web: Components/Common: fix imports	2021-02-26 00:19:45 +03:00
styled-link-with-dropdown.js	web: fix warning	2021-03-03 12:05:23 +03:00

README.md

LinkWithDropdown

Link with dropdown

Usage

import LinkWithDropdown from "@appserver/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