These are React specific building blocks on top of @peculiar/fortify-webcomponents 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'),
);
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.