@glasshouse/components NPM

This package contains the core React components used by Glasshouse developers, most of the components are built from Mantine components and utilities.

Installation

To install the @glasshouse/components package, use your preferred package manager:

# If you use npm
npm install @glasshouse/components

# If you use pnpm
pnpm add @glasshouse/components

# If you use Yarn
yarn add @glasshouse/components

Usage

Setup with Next.js app router

Add styles import to the app/layout.tsx file:

// app/layout.tsx

import '@glasshouse/components/styles.css'
import '@glasshouse/components/tailwind.css'

const RootLayout = () => (
  <html lang="en">
    <body>
      {...}
    </body>
  </html>
);

export default RootLayout;

Import the components you need from the @glasshouse/components package:

import { Grid } from '@glasshouse/components';

const Component = () => (
  <div>
    <Grid>
      <Grid.Cell>I am a Grid Cell</Grid.Cell>
    </Grid>
  </div>
);

export default App;