3.2.3 • Published 8 months ago
@pamela-ui/react v3.2.3
Design System | React
:bulb: Description
This package is part of the Pamela UI Design System developed as part of a study project. It contains all the components used in the Design System.
:rocket: Technologies
:hammer: Features
- Includes core components that every application should have
- Adds the
Toastcomponent - Adds the
Tooltipcomponent - Add more variants to the
TextInputcomponent to support different input types, not just plain text - Add the
Switchbutton component and a few others
:heavy_check_mark: How to edit and contribute
- After cloning and installing dependencies, run
npm run devfrom the root directory or inside the monorepo. - Create a new component inside the
componentsfolder and export it in theindexfile. Don’t forget to use TypeScript. - Before committing, run
npm run lintto fix formatting and ensure code consistency.
:heavy_check_mark: What will you find in this package?
| Component | Description |
|---|---|
| Avatar | Displays a user image via the src attribute or a fallback icon |
| Checkbox | A custom checkbox with smooth transitions |
| MultiStep | A progress bar with customizable step count |
| TextInput | A styled input field for text (more types coming soon) |
| Toast | A notification-style message that appears on the right side of the screen |
| Tooltip | Shows a description when hovering over an element |
| Box | A simple box with customizable background color |
| Button | Multiple button variants for different use cases |
| Heading | Different heading levels in a consistent design |
| Text | Text elements styled with the Design System’s fonts and sizes |
| TextArea | A styled textarea with two available variants |