Web-components for creating CSR or Certificate and viewing certificates list using Fortify App.
It's recommended to use jsdelivr to access the web-components from a CDN. To get the latest version, add the following inside the
element in an HTML file, or where external assets are included in the online code editor:<html>
<head>
<script type="module" src="https://cdn.jsdelivr.net/npm/@peculiar/fortify-webcomponents/dist/peculiar/peculiar.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@peculiar/fortify-webcomponents/dist/peculiar/peculiar.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@peculiar/fortify-webcomponents/dist/peculiar/peculiar.css" />
</head>
<body>
<peculiar-fortify-certificates />
</body>
</html>To get started with using components install the @peculiar/fortify-webcomponents package:
npm install @peculiar/fortify-webcomponents
Import the components and stylesheets from peculiar in your main app file:
import { defineCustomElements } from '@peculiar/fortify-webcomponents/loader';
import '@peculiar/fortify-webcomponents/dist/peculiar/peculiar.css';
defineCustomElements();Then you can use a components anywhere in your HTML.
<body>
<peculiar-fortify-certificates />
</body>To add the @peculiar/fortify-webcomponents-react to an already existing React project see the react using guide.
Are you looking for an example project to get started? We host some.
Check out our documentation website.
To customize the look and feel of the components, components have CSS variables you can override to provide a theme for your components. See the supported CSS variables in peculiar.scss file.