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

  npm install @osnmarket/prunella@<version>

To get lastest version

  npm install @osnmarket/prunella@lastest

or

Install with yarn

To get specific version

  yarn add @osnmarket/prunella@<version>

To get lastest version

  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

Feedback

If you have any feedback, please reach out to us at [email protected]