npm package: @osnmarket/prunella
Description: osnmarket storybook
Latest version: 2.0.2

## WELCOME TO OSN LIB COMPONENTS

### COMPONENTS LIB REACT & CHAKRA UI

A brief description of what this project does and who it's for

### LOOKING FOR THE DOCUMENTATION ?

??

### STORY LIB COMPONENTS

| COMPONENTS COMMON | COMPONENTS FUNC   |
|:------------------|:------------------|
| IconedButton      | AccordionList     |
| SocialButton      | MobileDrawer      |
| BackToHome        | BasicMenuList     |
| ReactionButton    | IndicatorMenuList |
| Heading           | FollowUs          |
| FormInput         |                   |
| FormSubmit        |                   |
| FormSearch        |                   |
| SiteHeading       |                   |
| MenuLink          |                   |
| NotFound          |                   |
| SkeletonLoading   |                   |
| ErrorComponent    |                   |
| WarningComponent  |                   |
| LoadingComponent  |                   |
| IconedListItem    |                   |
| ClickableListItem |                   |
| AccordionItemCard |                   |
| AccordionContent  |                   |
| BubbleCard        |                   |
| InfoCard          |                   |
| RadioCard         |                   |
| Summary           |                   |
| VerticalStepper   |                   |
| HorizontalStepper |                   |
| ModalCard         |                   |
| ProgressBar       |                   |
| NavBreadcrumb     |                   |
| FooterColumn      |                   |
| Recap             |                   |

### Installation

Install with npm

To get specific version

```bash
  npm install @osnmarket/prunella@<version>
```

To get lastest version

```bash
  npm install @osnmarket/prunella@lastest
```

### or

Install with yarn

To get specific version

```bash
  yarn add @osnmarket/prunella@<version>
```

To get lastest version

```bash
  yarn add @osnmarket/prunella@lastest
```

### GETTING SET UP

To start using the components, please resolve these dependencies

### INTEGRATION EXAMPLE

```
...
import { IconedButton } from "@osnmarket/prunella"
...

export const Test = () => {
    ...
    return (
        ...
        <IconedButton />
        ...
    )
}

```

# OSN TOOLS - STORY BOOK REACT

A brief description of what this project does and who it's for

## STORY BOOK ORGANISATION

├── \
├── Layouts \
├──── Squeleton \
├───────── Global ( header - body - footer ) \
├───────── SidebarSqueleton ( sidebar - body ) \
├───────── SidebarNavSqueleton ( header - sidebar - body - footer ) \
├──── UI \
├───────── Header \
├───────── Footer \
├───────── Breadcrumbs \
├── Components \
├──── Cards \
├───────── Banner \
├───────── Info \
├───────── Product \
├───────── Offer \
├──── HeroSection \
├──── Slider \
├──── CountDown \
├──── Stepper \
├──── List \
├──── Modals \
├──── NAV \
├───────── Menu \
├───────── Fixed menu \
├───────── Tabs \
├──── FORMS \
├───────── Row \
├───────── Column \

### Features

- Responsive components
- Adaptative components

### Tech Stack

**Client:** React, Next.js, ChakraUI

**Server:** Node

### Used By

This project is used by the following projects:

- [Souxate](?)
- [Osn story book](?)

### Contributing

Contributions are always welcome!

See `contributing.md` for ways to get started.

Please adhere to this project's `code of conduct`.

### Roadmap

- Additional browser support

- Add more integrations

### Authors

- TEAM B2C

### License

[MIT](https://choosealicense.com/licenses/mit/)

### Feedback

If you have any feedback, please reach out to us at teamb2c@orange-sonatel.com