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.