Jolty UI Jolty UI Documentation Icons Colors

Installation

To install jolty and jolty-ui, you can use a package manager like npm or a CDN. There are different versions available for different platforms.

Install the components from your command line.

pnpm add jolty jolty-ui

Import the JS file

import { Dialog, Tablist } from "jolty";
Dialog.initAll();
Tablist.initAll();

Import the CSS file

Import the global CSS file at the root of your project.

@import 'jolty-ui';

CDN

It can be loaded via CDN.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Jolty demo</title>
    <link href="https://cdn.jsdelivr.net/npm/jolty-ui@0.3.1/dist/jolty-ui.min.css" rel="stylesheet">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://cdn.jsdelivr.net/npm/jolty@0.6.2/dist/jolty.min.js"></script>
  </body>
</html>

All exports for js will be available on window.jolty.

const { Dialog } = window.jolty;
Dialog.initAll();
2024 © A Project by Anatolii Moldovanov