Allakando Web UI is a library that enables faster web development through a number of web components, stylesheets, and support functions for the web browser. The entire library is framework agnostic, and purely built on standard HTML, CSS and JavaScript.
The Allakando Web UI is very easy and simple to start with however the process differs a little bit with where you want to render it, client-side or server-side.
-
Install with npm:
npm install @allakando/allakando-web-ui
-
import
orrequire
the package@allakando/allakando-web-ui
to initailize the library.require('@allakando/allakando-web-ui') //OR import ("@allakando/allakando-web-ui")
To import CSS utilities, use:
import "@allakando/allakando-web-ui/dist/css/tooltip.css" //OR import { injectStyle } from "@allakando/allakando-web-ui" injectStyle({ tooltip: true }) //OR the full bundle import "@allakando/allakando-web-ui/dist/css/bundle.css"
To import utility functions, use:
import { alert, openDialog, confirm, showSpinner } from "@allakando/allakando-web-ui"
If you want to use a server side rendering framework you need to ensure that the library is initalized only in the client. When importing utility functions to your project you change all import statements like so:
import { alert, openDialog, confirm, showSpinner } from "@allakando/allakando-web-ui/dist/js/utility"
The entire library is documented in Storybook: Storybook