open-index/open-npm huggingface dataset:
npm package: @ponnea/react-material
Description: This is a ice material project
Latest version: 0.1.0

# Custom ICE Materials

[Docs](https://ice.work/docs/materials/about).

## Install Iceworks

```bash
$ npm i -g iceworks
$ iceworks --help
```

## Install Deps

```bash
$ npm install
```

## Develop materials

```bash
# block
$ cd blocks/ExampleBlock
$ npm install
$ npm run start

# component
$ cd blocks/ExampleBlock
$ npm install
$ npm run start

# page
$ cd pages/ExamplePage
$ npm install
$ npm run start
```

## Add new material

```bash
$ iceworks add  # select block|component|scaffold|page
```

## Generate materials data

```bash
$ iceworks generate
```

## Publish materials data

```bash
# sync to fusion material center
$ iceworks sync
```

## Use materials in Iceworks

Add the materials data url to Iceworks.
npm package: @ponomareva/dr-component-library
Description: test button
Latest version: 1.1.0

## Getting Started (Development)

### Run Project
First, run the primereact designer by:

``` bash
npm start
```

This should install npm packages, start project an open [http://localhost:6001](http://localhost:6001) in your browser to see the result.

Second, run storybook by:

``` bash
npm run storybook
```
Open [http://localhost:6006](http://localhost:6006) with your browser to see the result.


### Current selection of custom Themes for Primereact designer

- at src/app/index.js ->  selectCustom


### Choose theme to use for storybook

Go to .storybook/preview.js and change theme


### Create new components and stories 

Go to src/stories and add new components and stories for testing

Supported types 
- js|jsx
- ts|tsx