kalogkit library
A premium, clean, and highly customizable UI component design system for Flutter, featuring beautiful colors, smooth typography, and refined feedback elements.
Classes
- KalogkitAccordion
- A premium, highly dynamic Accordion component for the Kalogkit Design System. Features a customizable header and content area with dynamic styling parameters:
- KalogkitAlert
- A premium, highly customizable Alert component for the Kalogkit Design System.
- KalogkitAvatar
- A premium, highly customizable Avatar component for the Kalogkit Design System. Support image, letter, and icon types with custom sizes, shapes, and badges.
- KalogkitAvatarBadge
- A premium, highly customizable status indicator or overlay badge for the KalogkitAvatar. Displays on the bottom-right corner of the avatar.
- KalogkitAvatarGroup
- A premium, highly customizable widget to group and stack multiple KalogkitAvatars horizontally.
- KalogkitBadge
- A premium, highly customizable Badge component for the Kalogkit Design System.
- KalogkitBottomSheet
- A premium, highly customizable Bottom Sheet component matching Minimals design language.
- KalogkitButton
- A premium, highly customizable button component for the Kalogkit Design System.
- KalogkitCalendar
- A premium, highly customizable Calendar component for the Kalogkit Design System.
- KalogkitCard
- A premium, highly customizable Card component matching Minimals design language.
- KalogkitCheckbox
- A premium and highly customizable Checkbox widget matching Minimals style.
- KalogkitChip
- A premium, highly customizable Chip / Label component for the Kalogkit Design System.
- KalogkitCircularProgress
- A premium Circular Progress spinner indicator matching the MUI / Minimals design language.
- KalogkitColors
- Defines the color palette for the Kalogkit Design System. Consists of brand colors (Deep Blue & Orange), semantic colors, and neutral greys.
- KalogkitDialog
- A premium, highly customizable Dialog modal component matching Minimals design language.
- KalogkitDivider
- A premium, highly customizable Divider component for the Kalogkit Design System.
- KalogkitDropdownItem
- Representation of a single dropdown menu item or visual divider.
- KalogkitDropdownMenu
- A premium, highly customizable Dropdown Overlay Popup Menu component.
- KalogkitEmptyState
- A premium Empty State layout component matching the MUI / Minimals design language.
- KalogkitFab
- A premium Floating Action Button (FAB) supporting circular and extended variants.
- KalogkitIconButton
- A premium circular icon-only button.
- KalogkitLabel
- A premium, highly customizable status Label/Badge component matching Minimals design language.
- KalogkitLinearProgress
- A premium Linear Progress indicator matching the MUI / Minimals design language.
- KalogkitMonthPicker
- A premium, highly customizable Month Picker widget for the Kalogkit Design System.
-
KalogkitRadio<
T> - A premium, highly customizable Radio Button widget matching Minimals style.
- KalogkitRating
- A premium, interactive Star Rating selector component matching Minimals design language.
- KalogkitSegmentedControl
- A premium, highly customizable Segmented Control component with smooth sliding animations.
- KalogkitSegmentedOption
- Data model representing a single segment option in KalogkitSegmentedControl.
- KalogkitShadows
- Defines the custom soft shadow styles for the Kalogkit Design System. Uses a centralized double-layer shadow generator for professional depth.
- KalogkitSkeleton
- A premium placeholder loading Skeleton component matching the MUI / Minimals design language.
- KalogkitSlider
- A premium, highly customizable Slider component matching Minimals design language.
- KalogkitSnackbar
- A premium, highly customizable Snackbar/Toast component matching Minimals design language.
- KalogkitSwitch
- A premium, highly customizable Switch widget matching Minimals style.
- KalogkitTab
- Data class representing a single tab item.
- KalogkitTabs
- A premium Tab selection bar component matching the MUI / Minimals design language.
-
KalogkitTextField<
T> - A premium, highly customizable Text Field and Dropdown Select component matching Minimals design language.
- KalogkitTheme
- Defines the global Light and Dark ThemeData for the Kalogkit Design System. Adapts core colors, Google Sans typography, and custom widget themes.
- KalogkitTimeline
- A premium vertical Timeline workflow tracking component matching Minimals design language.
- KalogkitTimelineItem
- Data container for a single point in the timeline list.
- KalogkitTimePicker
- A premium, highly customizable Time Picker component for the Kalogkit Design System.
- KalogkitTooltip
- A premium, customizable Tooltip widget matching Minimals design language.
- KalogkitTypography
- Defines the typography scale for the Kalogkit Design System. Uses the Google Sans font family with configured font weights and heights.
- KalogkitUploadAvatar
- A premium circular profile/avatar upload frame with a dashed outline, hover overlays, format size guidelines, and click triggers.
- KalogkitUploadBox
- A premium Multi-File upload box with a dashed border, vector folder illustration, title headings, and a browse text link.
- KalogkitYearPicker
- A premium, highly customizable Year Picker widget for the Kalogkit Design System.
- SolarBoldIcons
- SolarLinearIcons
Enums
- KalogkitAlertSeverity
- The severity levels supported by the KalogkitAlert component.
- KalogkitAlertVariant
- The visual style variants supported by the KalogkitAlert component.
- KalogkitAvatarShape
- The visual shapes supported by the KalogkitAvatar component.
- KalogkitBadgeVariant
- The visual style variants supported by the KalogkitBadge component.
- KalogkitButtonLoadingPosition
- Position of the spinner when KalogkitButton.loading is true.
- KalogkitButtonSize
- Sizing options for KalogkitButton.
- KalogkitButtonVariant
- Style variants for KalogkitButton.
- KalogkitCalendarSelectionMode
- Selection mode for KalogkitCalendar.
- KalogkitCheckboxLabelPlacement
- Label placement relative to the Checkbox.
- KalogkitCheckboxSize
- Sizing options for the Checkbox.
- KalogkitChipSize
- Sizing options for KalogkitChip.
- KalogkitChipVariant
- Style variants for KalogkitChip.
- KalogkitDividerLabelAlignment
- The alignment of the label inside KalogkitDivider.
- KalogkitDividerStyle
- Style variants of the divider line.
- KalogkitLabelVariant
- Visual variants for KalogkitLabel.
- KalogkitRadioLabelPlacement
- Label placement relative to the Radio Button.
- KalogkitRadioSize
- Sizing options for the Radio Button.
- KalogkitSnackbarVariant
- Visual variants for KalogkitSnackbar.
- KalogkitSwitchLabelPlacement
- Label placement relative to the Switch.
- KalogkitSwitchSize
- Sizing options for the Switch.
- KalogkitTabsVariant
- Visual style variants for KalogkitTabs.
- KalogkitTextFieldSize
- Sizing options for KalogkitTextField.
- KalogkitTextFieldVariant
- Visual variants for KalogkitTextField.
- KalogkitTimeFormat
- Time format for KalogkitTimePicker.
- KalogkitTimelineIndicatorType
- The styling variant of the timeline node indicator.
- KalogkitTimelineLineType
- The style of the line connecting timeline nodes.
- KalogkitTimePickerStyle
- Visual style variants for KalogkitTimePicker.
- KalogkitTooltipPosition
- Supported positioning options for KalogkitTooltip.
- KalogkitTooltipTrigger
- Supported trigger modes for KalogkitTooltip.
Functions
-
showKalogkitBottomSheet<
T> (BuildContext context, {required Widget child, bool isDismissible = true, bool enableDrag = true, Color? barrierColor, bool isScrollControlled = false}) → Future< T?> - Launches a premium KalogkitBottomSheet with proper transparent constraints.
-
showKalogkitDatePicker(
{required BuildContext context, required DateTime initialDate, DateTime? firstDate, DateTime? lastDate, Color? selectedColor, Color? todayColor, TextStyle? headerTextStyle, TextStyle? weekdayTextStyle, TextStyle? dayTextStyle, TextStyle? selectedDayTextStyle, TextStyle? todayTextStyle, Widget? confirmButton, Widget? cancelButton}) → Future< DateTime?> - Shows a dialog containing a KalogkitCalendar to pick a single date.
-
showKalogkitDateRangePicker(
{required BuildContext context, DateTime? initialStartDate, DateTime? initialEndDate, DateTime? firstDate, DateTime? lastDate, Color? selectedColor, Color? todayColor, Color? rangeColor, TextStyle? headerTextStyle, TextStyle? weekdayTextStyle, TextStyle? dayTextStyle, TextStyle? selectedDayTextStyle, TextStyle? todayTextStyle, Widget? confirmButton, Widget? cancelButton}) → Future< DateTimeRange< DateTime> ?> - Shows a dialog containing a KalogkitCalendar to pick a date range.
-
showKalogkitDialog<
T> (BuildContext context, {required Widget child, bool barrierDismissible = true, Color? barrierColor}) → Future< T?> - Launches a premium KalogkitDialog with a subtle bounce scale and fade entry transition.
-
showKalogkitMonthPicker(
{required BuildContext context, required int initialMonth, Color? selectedColor, TextStyle? gridTextStyle, TextStyle? selectedGridTextStyle, Widget? confirmButton, Widget? cancelButton}) → Future< int?> - Shows a dialog containing a KalogkitMonthPicker to pick a month.
-
showKalogkitTimePicker(
{required BuildContext context, required TimeOfDay initialTime, KalogkitTimeFormat format = KalogkitTimeFormat.h24, KalogkitTimePickerStyle style = KalogkitTimePickerStyle.wheel, Color? activeColor, TextStyle? timeTextStyle, TextStyle? ampmTextStyle, Widget? confirmButton, Widget? cancelButton}) → Future< TimeOfDay?> - Shows a dialog containing a KalogkitTimePicker to pick a time of day.
-
showKalogkitYearPicker(
{required BuildContext context, required int initialYear, int? firstYear, int? lastYear, Color? selectedColor, TextStyle? gridTextStyle, TextStyle? selectedGridTextStyle, Widget? confirmButton, Widget? cancelButton}) → Future< int?> - Shows a dialog containing a KalogkitYearPicker to pick a year.