@glasshouse/components
v0.7.0
Published
[](https://main--668b65bdcf16256d1a25e70c.chromatic.com) [
Readme
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/componentsUsage
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;