@osnmarket/prunella

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 [e-mail]