packages / templates

The templates package provides pre-built templates and layouts for common use cases, speeding up development and ensuring consistency across projects.

Explore other packages in the building-blocks monorepo

Getting started

To get started with using the components from this package in your project, follow these steps:

1. Install the core-components package from npm:

   npm install @antonyjones87/core-components

   It's important to note that core-components is a peer dependency of the templates package. This means that you'll need to install core-components separately in your project for the template components to work correctly.

2. Install the templates package from npm:

   npm install @antonyjones87/templates

3. Import and use the components in your React application, ensuring they are wrapped within the ThemeProvider component from the core-components package:

   import { Text, ThemeProvider } from '@antonyjones87/core-components';
   import { PageStack } from '@antonyjones87/templates';
      
   function App() {
     return (
       <ThemeProvider theme="light">
         <PageStack
           pageTitle="Hello, World!"
           pageContent={<Text>How are you today?</Text>}
         />
       </ThemeProvider>
     );
   }