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
yarn add jolty jolty-ui
npm install jolty jolty-ui
import { Dialog, Tablist } from "jolty";
Dialog.initAll();
Tablist.initAll();
Import the global CSS file at the root of your project.
@import 'jolty-ui';
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();