mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-02 12:09:14 +08:00
update element tagName
This commit is contained in:
parent
39bf1d09e7
commit
f5835eec78
@ -7,13 +7,13 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
````jsx
|
````jsx
|
||||||
var Circle = antd.Progress.Circle;
|
var ProgressCircle = antd.Progress.Circle;
|
||||||
|
|
||||||
React.render(
|
React.render(
|
||||||
<div>
|
<div>
|
||||||
<Circle percent="30" width="80" />
|
<ProgressCircle percent="30" width="80" />
|
||||||
<Circle percent="70" width="80" status="exception" />
|
<ProgressCircle percent="70" width="80" status="exception" />
|
||||||
<Circle percent="100" width="80" />
|
<ProgressCircle percent="100" width="80" />
|
||||||
</div>
|
</div>
|
||||||
, document.getElementById('components-progress-demo-circle-mini'));
|
, document.getElementById('components-progress-demo-circle-mini'));
|
||||||
````
|
````
|
||||||
|
@ -7,13 +7,13 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
````jsx
|
````jsx
|
||||||
var Circle = antd.Progress.Circle;
|
var ProgressCircle = antd.Progress.Circle;
|
||||||
|
|
||||||
React.render(
|
React.render(
|
||||||
<div>
|
<div>
|
||||||
<Circle percent="30" width="126" />
|
<ProgressCircle percent="30" width="126" />
|
||||||
<Circle percent="70" width="126" status="exception" />
|
<ProgressCircle percent="70" width="126" status="exception" />
|
||||||
<Circle percent="100" width="126" />
|
<ProgressCircle percent="100" width="126" />
|
||||||
</div>
|
</div>
|
||||||
, document.getElementById('components-progress-demo-circle'));
|
, document.getElementById('components-progress-demo-circle'));
|
||||||
````
|
````
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
````jsx
|
````jsx
|
||||||
var Line = antd.Progress.Line;
|
var Progress = antd.Progress.Line;
|
||||||
|
|
||||||
var MyProgress = React.createClass({
|
var MyProgress = React.createClass({
|
||||||
getInitialState() {
|
getInitialState() {
|
||||||
@ -27,7 +27,7 @@ var MyProgress = React.createClass({
|
|||||||
}, 100);
|
}, 100);
|
||||||
},
|
},
|
||||||
render() {
|
render() {
|
||||||
return <Line percent={this.state.percent} width="300" strokeWidth="3" />;
|
return <Progress percent={this.state.percent} width="300" strokeWidth="3" />;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -7,13 +7,13 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
````jsx
|
````jsx
|
||||||
var Line = antd.Progress.Line;
|
var Progress = antd.Progress.Line;
|
||||||
|
|
||||||
React.render(
|
React.render(
|
||||||
<div>
|
<div>
|
||||||
<Line percent="30" width="170" strokeWidth="3" />
|
<Progress percent="30" width="170" strokeWidth="3" />
|
||||||
<Line percent="70" width="170" strokeWidth="3" status="exception" />
|
<Progress percent="70" width="170" strokeWidth="3" status="exception" />
|
||||||
<Line percent="100" width="170" strokeWidth="3" />
|
<Progress percent="100" width="170" strokeWidth="3" />
|
||||||
</div>
|
</div>
|
||||||
, document.getElementById('components-progress-demo-line-mini'));
|
, document.getElementById('components-progress-demo-line-mini'));
|
||||||
````
|
````
|
||||||
|
@ -7,13 +7,13 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
````jsx
|
````jsx
|
||||||
var Line = antd.Progress.Line;
|
var Progress = antd.Progress.Line;
|
||||||
|
|
||||||
React.render(
|
React.render(
|
||||||
<div>
|
<div>
|
||||||
<Line percent="30" width="300" strokeWidth="3" />
|
<Progress percent="30" width="300" strokeWidth="3" />
|
||||||
<Line percent="70" width="300" strokeWidth="3" status="exception" />
|
<Progress percent="70" width="300" strokeWidth="3" status="exception" />
|
||||||
<Line percent="100" width="300" strokeWidth="3" />
|
<Progress percent="100" width="300" strokeWidth="3" />
|
||||||
</div>
|
</div>
|
||||||
, document.getElementById('components-progress-demo-line'));
|
, document.getElementById('components-progress-demo-line'));
|
||||||
````
|
````
|
||||||
|
Loading…
Reference in New Issue
Block a user