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.
Install with npm: npm install @allakando/allakando-web-ui
import
the package @allakando/allakando-web-ui
to use the library:
import { init } ("@allakando/allakando-web-ui")
init()
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"
The entire library is documented in Storybook: Storybook
=======
None
- Updated Chat-Message with new title and body color
None
- Added new color
$neutral-1100: #3A3A3A;
None
- Updated
ako-chat-message
by removing the rounded corners on image
None
- Added new attribute for
ako-checkbox-list
None
- Added new component
ako-checkbox-list
None
- Updated darker font-color for
ako-chat-message
component
None
- Removed stopPropagation from
ako-pill-tab
None
- Added custom dispatch event to
ako-pill-tab
None
- Corrected
ako-pill-tab
styling - Added akostyle property to add additional style
None
- Updating
ako-pill-tab
to have a flex-wrap
None
- Adding a new component
ako-pill-tab
to the library
None
- Fix the bug of state updates of
ako-like-dislike
component after DOM loading
None
- Updated the addevent listener and dispatch event of
ako-like-dislike
component
None
- Corrected the JSDoc documentations
- Updated the dispatch event of
ako-like-dislike
component
None
- Added a new component
ako-like-dislike
to the library
None
- Added a new component
ako-chat-message
to the library
None
- Added a target attribute to
ako-media-card
component
None
- Added a new
ako-media-card
component - Styling correction in
ako-pill
component - Styling correction in
ako-benefit-card
component
None
- Modified class
UserLocale
for testing - Added tests for class
UserLocale
None
- Added class
UserLocale
which derives the locale from the URL as opposed to from the language set in the browser - Changed
ako-link-card
to useUserLocale
None
- Corrected ako-benefit-card component width with vertical direction
None
- Corrected ako-benefit-card component style width with direction attribute
None
- Corrected ako-benefit-card component styles
None
- Added
ako-benefit-card
component
None
- Added
ako-pill
component
None
- Updated body padding-inline property of
ako-dialog
- Updated the header hidden behaviour
ako-dialog
- Updated the dialog footer note word-wrap style in
ako-dialog
. This change is only for firefox browser.
None
- Updated the hours display based in isInteger type in web ui component
ako-session-item
- Corrected the text color of the start time pre-text in web ui component
ako-session-item
- Removed the limit of decimal places for hours attributes in web ui component
ako-session-item
None
- Added a new web ui component
ako-session-item
- Added a new attribute "country" to the
ako-timeslot-card
None
- Update styling for dialog when noheader is specified
Added polyfills for HTMLElement to fix builds from crashing in nextjs. Also removed automatic invocation of init() which now needs to be manually done in all applications at bootstrap.
import { init } from "@allakando/allakando-web-ui"
init()
None
- Fixes issue in build setup that caused the library to not be built properly
None
- AKO-516: Allow the confirm dialog helper to accept a custom icon. The icon is specified using the
mainIcon
property in the options object - AKO-454: Reworked dialog header transition on scrolling
- AKO-259: Change dialog transitions to slide in and out from bottom