Files
element-plus/docs/en-US/component/backtop.md
Jeremy 6703747032 docs(components): [backtop] (#10788)
* docs(components): [backtop]

* Update to new syntax for the API sectionss.

* chore: adjust heading levels and adding comments for APIs

Co-authored-by: JeremyWuuuuu <15975785+JeremyWuuuuu@users.noreply.github.com>
2022-11-27 23:52:13 +08:00

52 lines
1.3 KiB
Markdown

---
title: Backtop
lang: en-US
---
# Backtop
A button to back to top.
## Basic Usage
Scroll down to see the bottom-right button.
:::demo
backtop/basic
:::
## Customizations
Display area is 40px \* 40px.
:::demo
backtop/custom
:::
## API
### Attributes
| Name | Description | Type | Default |
| ----------------- | -------------------------------------------------------------------- | --------- | ------- |
| target | the target to trigger scroll. | ^[string] | — |
| visibility-height | the button will not show until the scroll height reaches this value. | ^[number] | 200 |
| right | right distance. | ^[number] | 40 |
| bottom | bottom distance. | ^[number] | 40 |
### Events
| Name | Description | Parameters |
| ----- | -------------------- | -------------------------------------- |
| click | triggers when click. | ^[Function]`(evt: MouseEvent) => void` |
### Slots
| Name | Description |
| ------- | -------------------------- |
| default | customize default content. |