Import Prism UI web components using CDN. The import-min.js file will automatically import all styles and JavaScript files into the <head>
.
<script type="module" src="https://prism-ui.com/cdn/import-min.js"></script>
<script type="module" src="https://prism-ui.com/cdn/import-dev.js"></script>
Install Prism UI web components using npm and node.
npm install prism-ui/library
Install Prism UI react components using npm and node.
npm install prism-ui/react
Use the <component-name>
tag in HTML markup. Refer to the Component Docs for more guidance on using each component. That's it ๐.
<media-button-filled>Filled</media-button-filled>
<media-button-outlined>Outlined</media-button-outlined>
<media-switch></media-switch>
<media-switch disabled checked></media-switch>
Check out the demo on codepen.