mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-04 13:08:41 +08:00
882cec62d6
* docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
1.7 KiB
1.7 KiB
category | type | cols | title | cover |
---|---|---|---|---|
Components | Other | 2 | Anchor | https://gw.alipayobjects.com/zos/alicdn/ep_L42LFy/Anchor.svg |
Hyperlinks to scroll on one page.
When To Use
For displaying anchor hyperlinks on page and jumping between them.
API
Anchor Props
Property | Description | Type | Default | Version |
---|---|---|---|---|
affix | Fixed mode of Anchor | boolean | true | |
bounds | Bounding distance of anchor area | number | 5(px) | |
getContainer | Scrolling container | () => HTMLElement | () => window | |
offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - | |
offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 | |
showInkInFixed | Whether show ink-balls in Fixed mode | boolean | false | |
onClick | set the handler to handle click event |
Function(e: Event, link: Object) | - | |
getCurrentAnchor | Customize the anchor highlight | () => string | - | |
targetOffset | Anchor scroll offset, default as offsetTop , example |
number | offsetTop |
|
onChange | Listening for anchor link change | (currentActiveLink: string) => void |
Link Props
Property | Description | Type | Default | Version |
---|---|---|---|---|
href | target of hyperlink | string | ||
title | content of hyperlink | string|ReactNode | ||
target | Specifies where to display the linked URL | string |