Quartal Core user interface components @quartal/ui-core

Quartal UI Core is a collection of Vue 3 components that are used to build the Quartal user interface. This library contains the minimum set of componentst that are included with most Quartal user ineterfaces.

Installation

pnpm add @quartal/ui-core

Runtime requirements

@quartal/ui-core expects the following to be present in the host application at runtime:

• Vue 3.5+ and Vue Router 5+ — declared as peer dependencies.
• Bootstrap 5.3 JS — must be available on window.bootstrap. Either:
  • Pass addBootstrapScripts: true to app.use(QUiCore, { ... }) to inject the CDN build, or
  • Load it yourself (via <script> tag or your own bundle)
• Bootstrap CSS — provided by @quartal/skins (or any other Bootstrap 5.3 CSS build).

Development

Open the Storybook UI to see how components are used.

pnpm run dev

TODO:

• Add storybook somewhere to OR generate list of components to README.
• Splitter: Ota käyttöön ja poista vanha
  • Myös resizeSplitPanes
• Move component properties interfaces to the Vue files
  • Having them separate is annoying for development
  • Also the other UI libraries.
• Common dialogs rewrite
  • Could you make it more natural to use: Perhaps without QCommonDialog?
  • Add showInput(). It should also support selection / typeahead / dropdown.
• Add basic components from Reka UI
  • Calendar / Datepicker / Date input
  • Menu bar
  • Popup / hover
  • Select / typeahead
  • Perhaps others?