Ghost Design System - React Components library
Demo
Available components:
- Atoms:
- Molecules:
- Organisms:
- Templates:
Usage
- Run the command:
npm install ghost-design-system
- Load the required icon set and initialize the ThemeProvider, for example in your
index.tsx
:
import { loadIcons, ThemeProvider } from 'ghost-design-system';
import '~ghost-design-system/dist/ghost-design-system.css';
loadIcons();
const App = () => {
return (
<ThemeProvider>
<RestOfYourApp />
</ThemeProvider>
);
};
- You should be ready to use any of the components of the library.
References
This react components library uses the following:
Peer dependencies:
Dev dependencies:
To go further