Fortify Web components
Web-components for creating CSR or Certificate and viewing certificates list using Fortify App.
CDN
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>NPM
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>Fortify Certificates + React
To add the @peculiar/fortify-webcomponents-react to an already existing React project see the react using guide.
Examples
Are you looking for an example project to get started? We host some.
Documentation
Check out our documentation website.
Customize the theme
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.