ankow

OverviewBreadCrumbButtonButtonGroupClipboardDialogDirectoryViewFileUploaderFormTextInputPasswordInputEmailInputNumberInputDateTimeInputTagInputCheckBoxRadioButtonSwitchFormGroupInputGroupIconLayoutMainLayoutTopBarBottomBarListItemMenuMultiSelectNotificationOfflineBannerPopoverProgressBarSaveIndicatorSectionItemSettingsItemSingleSelectSplitLayoutSpinnerTabViewTableViewTooltipTextOverflowTreeView

Pankow the Cloudron UI Toolkit

The Vue.js app needs to have id="app"

Z-index layers (wip)

  • Dialog 2000
  • SideBar 2000
  • Menu 3000
  • Tooltip 6000
  • OfflineBanner 30000
  • Notification 30001

Plugin Options

Vite Plugin (pankowPlugin)

  • versionCheck (boolean, default: false) — Injects a build-id meta tag and polling script into the HTML, and writes build.json on build. The VersionCheckBanner component shows a reload prompt when a new version is detected.

Vue Plugin

  • notification.position (string) — Sets the notification position. Passed via app.use(pankow, { notification: { position: 'bottom-right' } }).

utils pretty functions:

prettyDate(): 2 years ago

prettyLongDate(): May 1, 2024, 01:13 AM

Pankow by Cloudron.io