@contenthouse_developers/compo-contenthouse

A reusable React component library for ContentHouse applications.

🚀 Installation

Install via npm or Yarn:

npm install @contenthouse_developers/compo-contenthouse
# or
yarn add @contenthouse_developers/compo-contenthouse

⚠️ This library has peer dependencies. Make sure they are installed in your project:

npm install react react-dom react-router-dom
npm install @mui/material @emotion/react @emotion/styled @mui/x-date-pickers @mui/icons-material
npm install @tabler/icons-react
npm install prop-types luxon react-perfect-scrollbar

📦 Usage

Import the component(s) you need:

import React from 'react'
import { AvatarButton } from '@contenthouse_developers/compo-contenthouse'

function App() {
  return (
    <AvatarButton callbacks={{ toggleClick: () => console.log('click') }}>
      <AddCircleOutlineOutlinedIcon fontSize="inherit" />
    </AvatarButton>
  )
}

Importing assets/icons

You can import all icons by:

import * as assets from '@contenthouse_developers/compo-contenthouse/icons'

You can also import a specific icon by:

import { copywriting } from '@contenthouse_developers/compo-contenthouse/icons'

Importing utilities

You can import a utility by:

import { filterToDate } from '@contenthouse_developers/compo-contenthouse/utils'

🛠 Development

To build the library locally:

npm install
npm run build

🚢 Publishing to npm

To publish a new version of the package:

1. Make sure you are logged in to npm (npm whoami). If not, run npm login.
2. Update the package version in package.json.
3. Build the library: npm run build.
4. Publish to npm: npm publish.

Note: Be careful when publishing. Once a version is published, it cannot be unpublished. Double-check your changes before publishing.