NL-Design-System

This NL-Design-system repository is a customizable and straightforward component library to help make Progressive Web Applications faster, attractive, and more accessible with React.

The main benefits of working with a standardised, component library is being able to develop faster with pre-built components and compliance with the NL Design System as a whole.

Installation

NL-Design-System is available as an NPM package.

// with npm
$ npm install @conductionnl/nl-design-system

// with yarn
$ yarn add @conductionnl/nl-design-system

Usage

Here's a quick example to get you started, it's all you need

import  *  as  React  from  "react";
// Import the InfoTooltip Component
Import { InfoTooltip } from "@conductionnl/nl-design-system"

// Render the component in your app
const App = () => {
	render (
		<>
			InfoTooltip  content={<>Pass any JSX.Element here</>} placement={"bottom"} />
		</>
	)
}

Examples

Take a look at our NL Design Skeleton App and the Skeleton App repo. Additional components can be implemented like the code snippet above.

Roadmap

A more advanced documentation is to be released in the near future. More examples and Tutorials are coming up!