Using external libraries
External CSS
You can use inlined style tags to import external CSS files:
<style>@import url('https://example.com/external.css')</style>
A real world example of this done to make use of Font Awesome and Google Fonts:
Font Awesome:
<style>
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
</style>
Google Fonts:
<style>
@import url('https://fonts.googleapis.com/css2?family=Holtwood+One+SC&display=swap');
</style>
External JavaScript
You can use useScript
function to import an external JS file:
useScript('https://example.com/external.js')
A real world example of this is done to make use of TailwindCSS:
useScript('https://cdn.tailwindcss.com')