0.1.32 • Published 2 years ago
anchor-g v0.1.32
anchor-g
Anchor component based on antd with React
Screenshot
Demo
online example: https://favori.gitee.io/gantd-landing (CodePen)
install
Feature
- Can switch to the top
- Support magnetic absorption effect
- Anchor item with completion status
Usage
import React from 'react';
import Anchor from 'anchor-g';
function BasicUse() {
const list = [
{
id: 'horbasic1',
title: 'title_1',
complete: true
},
{
id: 'horbasic2',
title: 'title_2',
},
{
id: 'horbasic3',
title: 'title_3',
complete: false
}
]
const style = {
display: 'flex',
justifyContent: 'center',
alignItems:'center',
height: 400,
fontSize:24,
border:'1px solid rgba(128,128,128,0.1)'
}
return (
<>
<Anchor
list={list}
minHeight={800}
content={
<div>
<div id='horbasic1' style={style}>content_1</div>
<div id='horbasic2' style={style}>content_2</div>
<div id='horbasic3' style={style}>content_3</div>
</div>
}
/>
</>
)
}
React.render(<BasicUse/>, mountNode);
API
Contact
- Create a Github issue for bug reports, feature requests, or questions
- Follow @GantFDT for announcements
- Add a ⭐️ star on GitHub to support the project❤️!
Anthor
GantFDT
License
MIT
0.1.31
2 years ago
0.1.32
2 years ago
0.1.30
4 years ago
0.1.29
4 years ago
0.1.27
4 years ago
0.1.28
4 years ago
0.1.26
4 years ago
0.1.25
4 years ago
0.1.23
4 years ago
0.1.24
4 years ago
0.1.21
4 years ago
0.1.22
4 years ago
0.1.19
5 years ago
0.1.18
5 years ago
0.1.17
5 years ago
0.1.16
5 years ago
0.1.15
5 years ago
0.1.14
5 years ago
0.1.13
5 years ago
0.1.12
5 years ago
0.1.11
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.23
5 years ago
0.0.22
5 years ago
0.0.21
5 years ago
0.0.20
5 years ago
0.0.19
5 years ago
0.0.16
5 years ago
0.0.17
5 years ago
0.0.18
5 years ago
0.0.15
5 years ago
0.0.12
5 years ago
0.0.13
5 years ago
0.0.1
6 years ago