RapiDoc
To mix your own HTML, just place it in between the <rapi-doc> and you should see the content appearing at the top of the main section
<rapi-doc spec-url = "https://petstore.swagger.io/v2/swagger.json">
<h1> Hello World !!! </h1>
</rapi-doc>
The above code will place your HTML content just at the start of the main content area (below the header),
but what if you want to place your HTML in a different location. SLOT is your friend here, It allows you to place your custom HTML content in certain strategic locations
For instance the below code will place the HTML content at the bottom of the very bottom of the API doc. (check slot="footer" attribute of the div)
<rapi-doc spec-url = "https://petstore.swagger.io/v2/swagger.json">
<div slot="footer"> The End </div>
</rapi-doc>
| Slot Name | Description |
|---|---|
| (default) | any content placed inside <rapi-doc> tag, will be shown immediately under the header and above the info section |
| logo | use this slot to replace the logo |
| header | The contents of this slot will appear at the header after the spec-url input |
| footer | The contents of this slot will appear at the bottom of the spec |
| nav-logo | The contents of this slot will appear on Side navigation bar (only available in read-mode) |