@peculiar/fortify-webcomponents NPM

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.

CDN​

NPM

Fortify Certificates + React​

Examples

Documentation

Customize the theme​

CDN

Fortify Certificates + React

Customize the theme