# QuantumByte Docs

## Version

- [Fundamentals](https://docs.quantumbyte.ai/readme.md): Whether you’re just starting with prototypes or scaling to enterprise-level apps, QuantumByte helps you solve real world problems through creating apps with simple prompts and guided tools.
- [Get Started](https://docs.quantumbyte.ai/get-started.md): Start building your app with natural-language Prompt
- [Canvas](https://docs.quantumbyte.ai/components/canvas.md): Once your submit your prompt, the system will directs you to Canvas where you can see the high-level concept of your app.
- [Editing, Ripple Effect, and Planner](https://docs.quantumbyte.ai/components/canvas/editing-ripple-effect-and-planner.md)
- [Roadmap](https://docs.quantumbyte.ai/components/canvas/roadmap.md)
- [Studio](https://docs.quantumbyte.ai/components/studio.md): The Studio is the main workspace where users shape, refine, conceptualize, and visualize their products.
- [App Preview](https://docs.quantumbyte.ai/components/studio/app-preview.md)
- [Page Editor](https://docs.quantumbyte.ai/components/studio/page-editor.md)
- [Data Editor](https://docs.quantumbyte.ai/components/studio/data-editor.md)
- [Service (API) Editor](https://docs.quantumbyte.ai/components/studio/service-api-editor.md)
- [Projects Page](https://docs.quantumbyte.ai/components/dashboard.md): All of your prompted app projects are displayed here
- [Development Service](https://docs.quantumbyte.ai/components/development-service.md)
- [AI Dev Agent](https://docs.quantumbyte.ai/components/development-service/ai-dev-agent.md)
- [Human Developer Service](https://docs.quantumbyte.ai/components/development-service/human-developer-service.md)
- [Usage and Cost Orchestrator](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator.md)
- [Usage Tracker](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator/usage-tracker.md)
- [Auto-Credit Deduction and Usage Limiter](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator/auto-credit-deduction-and-usage-limiter.md)
- [Credit Top-Up and Billing System](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator/credit-top-up-and-billing-system.md)
- [System Source of Truth](https://docs.quantumbyte.ai/components/system-source-of-truth.md)
- [Code Storage](https://docs.quantumbyte.ai/components/system-source-of-truth/code-storage.md)
- [Code Editing (Repository Viewer)](https://docs.quantumbyte.ai/components/system-source-of-truth/code-editing-repository-viewer.md)
- [Domain Data Storage](https://docs.quantumbyte.ai/components/system-source-of-truth/domain-data-storage.md)
- [Domain Data Editing (Repository Viewer)](https://docs.quantumbyte.ai/components/system-source-of-truth/domain-data-editing-repository-viewer.md)
- [Asset Storage](https://docs.quantumbyte.ai/components/system-source-of-truth/asset-storage.md)
- [Asset Editing (Repository Viewer)](https://docs.quantumbyte.ai/components/system-source-of-truth/asset-editing-repository-viewer.md)
- [Delivery and Runtime](https://docs.quantumbyte.ai/components/delivery-and-runtime.md)
- [Development Environment](https://docs.quantumbyte.ai/components/delivery-and-runtime/development-environment.md)
- [Module & Template Registry](https://docs.quantumbyte.ai/components/module-and-template-registry.md)
- [Service APIs](https://docs.quantumbyte.ai/components/module-and-template-registry/service-apis.md)
- [Modules](https://docs.quantumbyte.ai/components/module-and-template-registry/modules.md)
- [Microphone Setup](https://docs.quantumbyte.ai/components/microphone-setup.md)
- [Package](https://docs.quantumbyte.ai/package.md): Whether you’re just starting with prototypes or scaling to enterprise-level apps, QuantumByte helps you solve real world problems through creating apps with simple prompts and guided tools.

* [Getting Started](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/readme.md): Our builder empowers you to create web and mobile experiences effortlessly through an intuitive drag-and-drop widget system—no coding required
* [Builder Guide](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder.md)
* [Frontend](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend.md)
* [Frontend Services Types](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/frontend-services-types.md)
* [Create Service](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/1.started.md): Follow this guide to create Frontend Service
* [Create Form Service](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/1.started/1.simple_layanan.md): Create Form service with frontend, backend, and API Integration.
* [Component Settings](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/2.components.md): Add and Configure Components
* [Page Settings](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/3.pages.md): Learn how to add and configure pages.
* [Live Preview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/4.preview.md): Live preview the services you have made.
* [Publish](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/5.publish.md): Publishin your services to the public.
* [Form Configuration](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir.md)
* [Widget Form](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/1.started.md): The form widget in the application builder allows you to easily create custom forms for your app without any programming skills.
* [Form Types](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/2.type.md): The form widget provides a variety of field types. You can choose and customize these elements to fit your specific needs.
* [Validation](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/3.validation.md): The form widget includes a validation function to ensure that the data users enter meets your specific requirements. This helps prevent errors and guarantees data accuracy.
* [Process](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/4.process.md): Form to configure data processing.
* [Stepper](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/5.stepper.md): The stepper includes a progress indicator to show users how far along they are in completing the form steps.
* [Payment](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/7.payment.md): The Payment feature in the form widget allows you to set up and integrate payment elements directly into your form.
* [Shipping](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/8.shipping.md): Shipping/"Pengiriman" dalam widget formulir mencakup pengaturan dan integrasi elemen formulir.
* [Widget](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget.md)
* [Form](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/1.formulir.md): The Form Widget is a widget used to create forms within the application, featuring various data types and input elements such as text, numbers, images, and more.
* [Popup](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/10.popup.md): The Popup Widget is a widget used to display a small window or popup over the main layout.
* [Divider](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/11.divider.md): The Divider Widget is a widget used to separate or divide elements from one another within the user interface.
* [Spacer](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/12.spacer.md): The Spacer Widget is a widget used to add empty space or padding between elements within a layout.
* [Data External](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/13.data_ext.md): The External Data Widget is a widget used to integrate data from external sources into the application.
* [View External](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/14.view_ext.md): The External View Widget is a widget used to display views or content from external sources within the application.
* [Transaction History](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/15.history_trans.md): The Transaction History Widget is a widget used to display transaction records or history within the application.
* [Identity Information](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/16.info_identitas.md): The Identity Info Widget is a widget used to display identity or profile information of a user or a specific object within the application.
* [Image](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/2.image.md): Widget image adalah widget yang digunakan untuk menampilkan gambar atau grafik dalam antarmuka pengguna.
* [Image Slider](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/3.slider.md): Widget image slider adalah widget yang digunakan untuk menampilkan serangkaian gambar yang dapat bergeser atau berubah secara otomatis, menciptakan efek slide show
* [Button](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/4.button.md): Widget button adalah widget yang digunakan untuk membuat tombol yang dapat diklik oleh pengguna, digunakan untuk memicu aksi atau perubahan dalam aplikasi
* [Listview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/6.listview.md): Widget ListView adalah widget yang digunakan untuk menampilkan daftar elemen dalam tata letak vertikal.
* [Listview Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/7.listview_data.md): Widget ListView Data adalah widget yang digunakan untuk menampilkan daftar data dalam tata letak vertikal
* [Gridview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.gridview.md): Widget GridView adalah widget yang digunakan untuk menampilkan elemen dalam tata letak grid (kisi).
* [Htmlview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.htmlview.md): Widget yang berfungsi untuk memuat raw html, dimana frontend builder juga dilengkapi dengan built-in HTML Editor
* [Webview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.webview.md): Widget WebView adalah widget yang digunakan untuk menampilkan dan merender halaman web atau konten web dalam aplikasi
* [MapView](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/9.mapview.md): Widget MapView adalah widget yang digunakan untuk menampilkan peta atau informasi geografis dalam aplikasi.
* [Backoffice](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice.md)
* [Langkah Awal](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/1.started.md): Mulai menggunakan builder backend
* [Komponen](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/2.components.md): Menambah dan mengatur komponen
* [Halaman](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/3.pages.md): Menambah dan mengatur halaman
* [Melihat Pratinjau](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/4.preview.md): Melihat layanan secara langsung
* [Publish Layanan](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/5.publish.md): Mempublish layanan ke portal
* [Formulir](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir.md)
* [Basic Form](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/1.started.md): Menggunakan Basic Form pada backend builder
* [Jenis Formulir](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/2.type.md)
* [Validation](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/3.validation.md)
* [Process](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/4.process.md)
* [Basic](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/7.basic.md)
* [Htmlview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/1.htmlview.md)
* [Text](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/2.text.md)
* [Image](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/3.image.md)
* [Webview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/4.webview.md)
* [Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/8.data.md)
* [Data Master](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/8.data/1.data_master.md)
* [Data Frontend](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/8.data/2.data_frontend.md)
* [Chart](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart.md)
* [Counter](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/1.counter.md)
* [Bar](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/2.bar.md)
* [Line](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/3.line.md)
* [Pie](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/4.pie.md)
* [Tree](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/5.tree.md)
* [Filter](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/6.filter.md)
* [List](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/7.list.md)
* [Integrasi API](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/1.started.md)
* [API Formulir](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir.md)
* [Read Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/4.read.md)
* [Update Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/5.update.md)
* [Delete Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/6.delete.md)
* [Detail Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/7.detail.md)
* [Create Data (Master)](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/8.create.md)
* [Event](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/4.event.md)
* [API Master](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/3.integrasi/api-master.md)
* [Packages](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites/1.started.md): Mulai menggunakan microsite
* [Develop (Package)](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites/develop-package.md)
* [Menambah Akun Git Repository](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites/2.repository.md): Menambah dan mengatur Akun Git Repositori
* [Code Viewer](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites/4.code.md)
* [Compile to MainApp](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites/5.deploy.md): Deploy microsite ke framework
* [Preview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites/6.preview.md): Pratinjau Microsite
* [Setel Package Sebagai Frontend](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites/7.publish.md): Atur Microsite sebagai default frontend
* [Microsites](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/1.started-1.md): Mulai menggunakan microsite
* [Develop (Microsites)](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/develop-microsites.md)
* [Menambah Akun Git Repository](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/2.repository-1.md): Menambah dan mengatur Akun Git Repositori
* [Mengatur Environment untuk production](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/3.env.md): Mengatur Environment Production
* [Code Viewer](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/4.code.md)
* [Build Code & Deploy ke Server](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/5.deploy.md): Deploy microsite ke framework
* [Preview microsite](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/6.preview.md): Pratinjau Microsite
* [Setel Microsite Sebagai Frontend](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/7.publish.md): Atur Microsite sebagai default frontend
* [UI Kit](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/1.memulai.md)
* [Components](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components.md)
* [Provider Props](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/1.provider.md)
* [App](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/2.app.md)
* [Action Sheet](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/3.actionsheet.md)
* [Badge](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/4.badge.md)
* [Block](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/5.block.md)
* [Breadcumbs](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/6.breadcumb.md)
* [Button](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/7.button.md)
* [Card](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/8.card.md)
* [Checkbox](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/9.checkbox.md)
* [Chip](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/10.chip.md)
* [Contact List](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/contact-list.md): Contacts List is not a separate component, but just a particular case of using List View (List and List Item Vue components).
* [Data Table](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/12.datatable.md)
* [Dialog](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/13.dialog.md)
* [Floating Action Button](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/14.floatingactionbtn.md)
* [Icon](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/15.icon.md)
* [Link](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/16.link.md)
* [List](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/17.list.md)
* [List Button](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/18.listbutton.md)
* [List Input](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/19.listinput.md)
* [List Item](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/20.listitem.md)
* [Menu List](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/21.menulist.md)
* [Message Bar](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/22.messagebar.md)
* [Messages](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/messages.md)
* [Navbar](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/navbar.md)
* [Notification](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/24.notification.md)
* [Pages](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/25.pages.md)
* [Panel / Side](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/26.panel.md)
* [Popover](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/27.popover.md)
* [Popup](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/28.popup.md)
* [Preloader](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/29.preloader.md)
* [Progressbar](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/30.progressbar.md)
* [Radio](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/31.radio.md)
* [Range Slider](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/32.range.md)
* [Searchbar](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/33.searchbar.md)
* [Segmented](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/34.segmented.md)
* [Sheetmodal](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/35.sheetmodal.md)
* [Stepper](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/36.stepper.md)
* [Tabbar](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/37.tabbar.md)
* [Toast](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/38.toast.md)
* [Toggle](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/39.toggle.md)
* [Toolbar](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/40.toolbar.md)
* [SDK Libs](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/1.memulai.md): Langkah awal menggunakan SDK Library
* [Prasyarat](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/2.usage.md): Pengguaan SDK Library
* [Pengguna](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/3.pengguna.md)
* [Detail Pengguna](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/3.pengguna/1.detail.md): Mendapatkan detail pengguna berdasarkan dengan token auth pengguna ketika sudah login dan mengakses halaman url
* [Alamat](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat.md)
* [Detail](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/1.detail.md): Mendapatkan Detail Alamat Pengiriman Pengguna
* [List](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/2.list.md): Mendapatkan daftar alamat pengiriman pengguna
* [Add](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/3.add.md): Menambahkan alamat pengiriman pengguna
* [Edit](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/4.edit.md): Mengubah alamat pengiriman pengguna
* [Delete](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/5.delete.md): Menghapus alamat pengiriman pengguna
* [Proxy](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/5.proxy.md)
* [Request](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/5.proxy/1.request.md): Dimaksudkan untuk kebutuhan apabila harus melakukan fetch API dari Resource External
* [Transaction](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/1.memulai.md): Langkah awal menggunakan SDK Library Transaction
* [Add](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/2.add.md): Menambahkan data transaction dari layanan yang berada pada microsite
* [Edit](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/3.edit.md): Mengubah data transaction dari layanan yang berada pada microsite
* [Detail](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/4.detail.md): Detail data transaction dari layanan yang berada pada microsite
* [Delete](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/5.delete.md): Delete data transaction dari layanan yang berada pada microsite
* [List](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/6.list.md): List data transaction dari layanan yang berada pada microsite
* [Location](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/7.location.md)
* [Lokasi Terkini](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/7.location/1.current.md): Mendapatkan lokasi terkini pengguna
* [Device](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/8.device.md)
* [Cek Perangkat Pengguna](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/9.sdk/8.device/1.check.md): Cek perangkat pengguna yang sedang melakukan akses
* [SDK MainApp](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/sdk-mainapp.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/sdk-mainapp/memulai.md)
* [Install SDK](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/sdk-mainapp/install-sdk.md)
* [Fitur - Fitur](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/sdk-mainapp/fitur-fitur.md)
* [Microservices](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/4.microservices.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/4.microservices/1.started.md): Mulai menggunakan microservice
* [Menambah Akun Git Repository](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/4.microservices/2.repository.md): Menambah dan mengatur Akun Git Repositori
* [Mengatur Environment untuk production](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/4.microservices/3.env.md): Mengatur Environment Production
* [Code Viewer](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/4.microservices/4.code.md)
* [Build Code & Deploy ke Server](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/4.microservices/5.deploy.md): Deploy microservice ke framework
* [Preview microservice](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/4.microservices/6.preview.md): Pratinjau microservice
* [Storage](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage.md)
* [Storage](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/1.started.md): Mulai menggunakan Storage
* [Prasyarat](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/2.prerequisite.md): Prasyarat menggunakan Storage
* [Penggunaan](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/3.build.md): Pengguaan Storage
* [Akses](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/4.akses.md)
* [Langkah Awal](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/4.akses/1.memulai.md): Langkah Awal Mengakses Storage dari External
* [Upload](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/4.akses/2.upload.md): Upload data konten
* [Akses CDN](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/4.akses/3.akses_cdn.md)
* [List](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/4.akses/4.list.md): List data konten
* [Update](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/4.akses/5.update.md): Update data konten
* [Delete](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/5.storage/4.akses/6.delete.md): Delete data konten
* [Database](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/database.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/database/memulai.md)
* [Membuat Database](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/database/membuat-database.md)
* [Akses Database (Microservice)](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/database/akses-database-microservice.md)
* [Akses Database (Remote)](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/database/akses-database-remote.md)
* [API Master](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/memulai.md)
* [Push Notif & Email](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/push-notif-and-email.md)
* [/push](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/push-notif-and-email/2.push_notif.md)
* [/push-email](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/push-notif-and-email/3.push_email.md)
* [Data Wilayah](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/data-wilayah.md)
* [/provinsi](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/data-wilayah/provinsi.md)
* [/kota/:id\_prov](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/data-wilayah/kota-id_prov.md)
* [/kecamatan/:id\_kota](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/data-wilayah/kecamatan-id_kota.md)
* [/kelurahan/:id\_kec](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/data-wilayah/kelurahan-id_kec.md)
* [Detail Pengguna](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/detail-pengguna.md)
* [/user/detail](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/detail-pengguna/user-detail.md)
* [Riwayat Transaksi](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/riwayat-transaksi.md)
* [/create](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/riwayat-transaksi/create.md)
* [/update/:id](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/riwayat-transaksi/update-id.md)
* [/delete/:id](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/riwayat-transaksi/delete-id.md)
* [/detail/:id](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/riwayat-transaksi/detail-id.md)
* [/list](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/api-master/riwayat-transaksi/list.md)
* [API Management](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management.md)
* [Memulai](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management/1.started.md): Mulai menggunakan API Management
* [Prasyarat](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management/2.prerequisite.md): Prasyarat menggunakan API Management
* [Akses](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management/3.akses.md): Akses API
* [Penggunaan](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management/4.penggunaan.md)
* [Membuat](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management/4.penggunaan/1.create.md): Tutorial untuk membuat API Management
* [Membagikan](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management/4.penggunaan/2.share.md): Fitur ini hanya dapat digunakan pada API dengan akses tipe "Private" dan "Request Permission"
* [Logging](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/6.api-management/4.penggunaan/3.logging.md): Logging dapat digunakan untuk melacak aktivitas API Anda.