@osnmarket/prunella NPM

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 \