@payfit/midnight

Midnight

The PayFit design system library

📄 Documentation

Explore storybook

🤝 Team

Avatar	Name	Role
	Sylvie Nguyen	Senior Product Designer
	Fiona Gianquinto	Visual Designer
	Yann Isabel	Frontend Software Engineer
	Nicolas Toulemont	Software Engineer
	Cyril Lopez (Soupette)	Lead Front-End Engineer

🚀 Quickstart

To get started install the @payfit/midnight package:

yarn add @payfit/midnight @payfit/midnight-utils react react-dom @emotion/css @emotion/react

After installing Midnight, you can now use it this way:

import React from 'react'
import ReactDOM from 'react-dom'
import { Button, MidnightProvider } from '@payfit/midnight'

ReactDOM.render(
  <MidnightProvider locale="en-GB">
    <Button>I am using Midnight!</Button>
  </MidnightProvider>,
  document.getElementById('root'),
)