focus-components-v3
Version:
Focus web components to build applications (based on Material Design)
30 lines (23 loc) • 1.24 kB
Markdown
# ButtonBackToTop
Ce composant permet d'afficher un bouton pour remonter en haut de la page.

```javascript
<div className='button-bt-example'>
<img src="http://lorempixel.com/800/600/sports/"/>
<img src="http://lorempixel.com/800/600/abstract/"/>
<img src="http://lorempixel.com/800/600/city/"/>
<img src="http://lorempixel.com/800/600/technics/"/>
<img src="http://lorempixel.com/800/600/sports/"/>
<img src="http://lorempixel.com/800/600/abstract/"/>
<img src="http://lorempixel.com/800/600/city/"/>
<img src="http://lorempixel.com/800/600/technics/"/>
<ButtonBackToTop />
</div>
```
Découvrir le composant sur le [showcase](http://kleegroup.github.io/focus-showcase/#component/back-to-top/detail)
| Props | Type | Default props | Description |
|---|---|---|---|
| duration | number | 100 | Durée du scroll en millisecondes |
| iconName | string | 'arrow-circle-up' | Icone du bouton |
| iconPrefix | string | 'fa fa-' | Librairie d'icones |
| scrollStart | number | 100 | Position dans la page à partir de laquelle le bouton va apparaître |