Composants UI pour l'application Allaw
npm install allaw-uiAllaw UI est une bibliothèque de composants React personnalisés pour les applications Allaw. Elle fournit un ensemble cohérent d'éléments d'interface utilisateur conçus pour s'intégrer parfaitement dans l'écosystème Allaw.
npm install @allaw/allaw-ui
Importez les composants dont vous avez besoin dans votre application React.
- Button
- Icon
- Tag
- EmployeeCard
- CaseCard
- DocumentCard
- ContactCard
- Stepper
- ProgressBar
- Input
- SearchBar
- Typography (Heading, Subtitle, Paragraph, TinyInfo, SmallTitle)
- AppointementStatusTag
- FolderStatusTag
- PendingDocuments
- ActionCircleButton
- GhostButton
- Checkbox
Pour une documentation complète de chaque composant, veuillez consulter notre Storybook.
- npm
- nextjs 14 ou supérieur
- react 17 ou supérieur
npm install
Storybook sera disponible à l'adresse http://localhost:6006.
import "../node_modules/allaw-ui/dist/styles/colors.css";
Fichier page.modules.css :
.testCouleur {
color: var(--bleu-allaw);
}
import PrimaryButton from "allaw-ui/dist/components/atoms/buttons/PrimaryButton";
label="click me"
startIcon="allaw-icon-arrow-right"
endIcon="allaw-icon-arrow-left"
/>
import { Tag } from "allaw-ui";
Pour construire la bibliothèque :
npm run build
Pour lancer Storybook en mode développement :
npm run build-storybook
Allaw UI est un projet privé. Pour toute question ou suggestion, veuillez contacter l'équipe de développement Allaw.
Ce projet est sous licence propriétaire. Copyright © 2024 Allaw. Tous droits réservés.