Skip to main content

Changelog

Version History

Qbit Design follows Semantic Versioning 1.0.0.

Release Schedule

  • Weekly Releases: Patch versions are released at the end of every week to address routine bug fixes or any urgent fixes that may arise.
  • Monthly Releases: Minor versions are released at the end of every month, introducing new features and improvements.
  • Major Version Releases: These are reserved for breaking changes or the introduction of significant new features that may impact backward compatibility.

Version 1.0.0

2025-01-27

🚀 Initial Release

We are excited to introduce Qbit Design, a powerful and modern UI element library designed to streamline your development process and help you build beautiful, responsive user interfaces quickly and efficiently.

New Features, Bug Fixes, and Improvements

🎉 Features

Qbit Design offers a wide array of fully customizable components that can be easily integrated into any React application. The customization is made easy using props and class overrides, ensuring you can adapt the components to suit your needs.

  • Core Components:

    • Button: A versatile button component with full styling control.
    • Choices: A group of input choice components, including:
    • Input: A flexible input field component.
    • Numeric Range Select: A slider-style input for selecting numeric ranges.
  • Advanced Components:

    • Indicators: Components to provide visual indicators, including:
      • Avatar: User or item avatar display.
      • Badge: Small, customizable labels for status or counts.
      • Breadcrumb: A navigational aid showing the user's path.
      • Loader: A component to indicate loading or progress.
      • Progress Bar: A visual representation of progress in a task.
      • Progress Step: For indicating steps in a multi-step process.
    • List: A component for rendering lists with flexible layouts.
    • Menus: Components for creating interactive menus, including:
      • Accordion: A collapsible menu component.
      • Menu: A basic menu component with customizable options.
    • Notifications: Components for delivering feedback to users, including:
      • Toaster: A notification popup for brief messages.
      • Tooltip: Small hover-over text to provide additional information.
    • Segments: UI segments for displaying grouped content, including:
      • Card: A flexible and stylish container for content.
      • Drawer: A sliding panel component.
      • Modal: A customizable modal dialog.
      • Tab: A component for switching between different content views.
  • Accessibility: We prioritize accessibility in all components to ensure that your applications are inclusive and easy to use for everyone, including those with disabilities.

  • Developer-Friendly:

    • Qbit Design is fully written in TypeScript, ensuring type-safe development. This enhances the development experience by providing better code completion, error-checking, and documentation.

📦 Installation

You can easily install Qbit Design using Node Package Manager (NPM). To install the package, simply run the following command in your project directory:

npm install qbit