29
29
### Quickstart (Use from CDN)
30
30
Just copy the below script in an html, and open it in a browser !!!
31
31
``` html
32
- <!doctype html>
32
+ <!doctype html> <!-- Important: must specify, else rendering will be effected -->
33
33
<html >
34
34
<head >
35
35
<meta charset =" utf-8" > <!-- Important: The Custom element uses utf8 charecters -->
@@ -45,22 +45,22 @@ Just copy the below script in an html, and open it in a browser !!!
45
45
46
46
### Demo & Examples
47
47
48
- - Basic Example [ Demo] ( example1.html )
48
+ - Basic Example ( [ Demo] ( example1.html ) )
49
49
``` html
50
50
<rapi-doc
51
51
spec-url =" https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
52
52
> </rapi-doc >
53
53
```
54
54
55
- - Dark Theme [ Demo] ( example2.html )
55
+ - Dark Theme ( [ Demo] ( example2.html ) )
56
56
``` html
57
57
<rapi-doc
58
58
spec-url =" https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
59
59
theme =" dark"
60
60
> </rapi-doc >
61
61
```
62
62
63
- - Change Header Color with Dark Theme [ Demo] ( example3.html )
63
+ - Change Header Color with Dark Theme ( [ Demo] ( example3.html ) )
64
64
``` html
65
65
<rapi-doc
66
66
spec-url =" https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
@@ -69,7 +69,7 @@ Just copy the below script in an html, and open it in a browser !!!
69
69
> </rapi-doc >
70
70
```
71
71
72
- - Integrate with any HTML document (Request/Response one below the other) [ Demo] ( example4.html )
72
+ - Integrate with any HTML document (Request/Response one below the other) ( [ Demo] ( example4.html ) )
73
73
``` html
74
74
<rapi-doc
75
75
spec-url =" https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
@@ -82,7 +82,7 @@ Just copy the below script in an html, and open it in a browser !!!
82
82
> </rapi-doc >
83
83
```
84
84
85
- - Change Font (you may use local fonts or define your own font) [ Demo] ( example5.html )
85
+ - Change Font (you may use local fonts or define your own font) ( [ Demo] ( example5.html ) )
86
86
``` html
87
87
<head >
88
88
<link href =" https://fonts.googleapis.com/css?family=Varela+Round" rel =" stylesheet" >
@@ -95,7 +95,7 @@ Just copy the below script in an html, and open it in a browser !!!
95
95
</body >
96
96
```
97
97
98
- - Change Logo [ Demo] ( example6.html )
98
+ - Change Logo ( [ Demo] ( example6.html ) )
99
99
``` html
100
100
<body >
101
101
<rapi-doc spec-url =" https://api.apis.guru/v2/specs/googleapis.com/youtube/v3/swagger.json" >
@@ -104,7 +104,7 @@ Just copy the below script in an html, and open it in a browser !!!
104
104
</body >
105
105
```
106
106
107
- - Add HTML content inside the spec [ Demo] ( example7.html )
107
+ - Add HTML content inside the spec ( [ Demo] ( example7.html ) )
108
108
``` html
109
109
<body >
110
110
<rapi-doc spec-url =" https://api.apis.guru/v2/specs/googleapis.com/youtube/v3/swagger.json" >
@@ -128,7 +128,7 @@ Just copy the below script in an html, and open it in a browser !!!
128
128
129
129
130
130
131
- - Change Attributes using JavaScript [ Demo] ( example100.html )
131
+ - Change Attributes using JavaScript ( [ Demo] ( example100.html ) )
132
132
133
133
use javascript ` Element.setAttribute() ` to change the elements attributes and see it reacts to those changes
134
134
0 commit comments