@hashtagcms/admin-ui-kit
v1.0.8
Published
The official Admin UI Kit for HashtagCms, bundled with essential UI components, utility helpers, and design system styles.
Readme
HashtagCms Admin UI Kit
Welcome to the official HashtagCms Admin UI Kit monorepo. This repository houses the core modular logic, UI components, and utility libraries that power the HashtagCms ecosystem.
📦 Package
Everything is bundled into a single NPM package for easier consumption.
| Package | Description | Version |
| :------------------------------------------ | :---------------------------------------------------------- | :------ |
| @hashtagcms/admin-ui-kit | Unified Library containing Components, Helpers, and Styles. | 1.0.7 |
Note: The internals are still modular (packages/components, packages/helpers), but consumers should import from the main package.
🚀 Getting Started
Installation
npm install @hashtagcms/admin-ui-kitUsage
Components & Helpers:
import {
ActionBar, // Components
AdminConfig,
Toast, // Helpers
} from "@hashtagcms/admin-ui-kit";Styles:
// In your app.scss (Recommended: Use Source for overrides)
// Your own variables for themes
@import "./variables";
// Bootstrap (if needed by your local overrides, otherwise package might include it or expect it)
@import "~bootstrap/scss/bootstrap";
// Import HashtagCms Admin UI Kit Styles (Source)
// Note: Requires Sass loader configuration
@import "~@hashtagcms/styles/src/app";
// Or Pre-compiled CSS (Easiest)
// Must be imported if you are not using the source SCSS
@import "~@hashtagcms/admin-ui-kit/dist/admin-ui-kit.min.css";Documentation
Detailed guides for every part of the library:
- Getting Started: Installation, setup and usage.
- Components Guide: Component API and examples.
- Helpers Guide: Utilities and helpers documentation.
- API Reference: Technical overview of exports and architecture.
🛠️ Development
This project uses NPM Workspaces to manage dependencies.
- Linting: Ensure code quality standards are met.
- Testing: Run unit tests with
npm run test. - Playground: Interactive dev environment. Run
npm run playgroundand visithttp://localhost:3000.
🤝 Contributing
We welcome contributions! Please see our Contribution Guide for details.
📄 License
This project is licensed under the MIT License.
Built with ❤️ by HashtagCms.
