Fortify Web components React

These are React specific building blocks on top of @peculiar/fortify-webcomponents components.

Using components

To get started with using components install the @peculiar/fortify-webcomponents-react package:

npm install @peculiar/fortify-webcomponents-react

Import the stylesheets from peculiar in your main app file:

import '@peculiar/fortify-webcomponents/dist/peculiar/peculiar.css';

Then you can use a components anywhere in your JSX.

import React from 'react';
import ReactDOM from 'react-dom';
import { PeculiarFortifyCertificates } from '@peculiar/fortify-webcomponents-react';

ReactDOM.render(
  <PeculiarFortifyCertificates />,
  document.querySelector('#root'),
);

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.