@osnmarket/prunella v1.1.32
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@lastestor
Install with yarn
To get specific version
yarn add @osnmarket/prunella@<version>To get lastest version
yarn add @osnmarket/prunella@lastestGETTING 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:
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
Feedback
If you have any feedback, please reach out to us at teamb2c@orange-sonatel.com
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago