plinth_components 0.2.0
plinth_components: ^0.2.0 copied to clipboard
Themeable, accessible Flutter widgets for Plinth UI.
Changelog #
All notable changes to this package will be documented in this file.
The format follows Keep a Changelog,
and this project intends to adhere to Semantic Versioning
once it reaches a 1.0.0 release. Versions before 1.0.0 may include
breaking changes without a major version bump.
0.2.0 #
Added #
PlinthPinInput— segmented OTP/PIN entry, one box per character, with auto-advancing focus as digits are typed and auto-retreating focus on backspace from an already-empty box.PlinthButtonGroup— visually joins a row of buttons into one connected group (shared borders, squared-off inner corners).PlinthOverlay— generic dimming backdrop, distinct fromPlinthLoadingOverlay(which always shows a spinner and always blocks pointer events) — this is the more general primitive for dimming a background without necessarily blocking interaction.PlinthVisuallyHidden— content visible to screen readers but not sighted users, for supplementary context on icon-only controls.
59 components total.
0.1.0 #
Added #
PlinthBurger— animated hamburger→X toggle icon.PlinthHoverCard— hover-triggered anchored panel (desktop/web), the same underlyingCompositedTransformTarget/Followertechnique asPlinthPopoverbut with its own implementation, since a hover trigger and a "stay open while the pointer travels onto the panel" grace period don't fitPopover's tap-based design.PlinthRangeSlider— dual-thumb range slider, wrapping Flutter's built-inRangeSlider(same rationale asPlinthSlider).PlinthMultiSelect<T>+PlinthMultiSelectOption<T>— multi-value select with removable chips in the field and a dropdown to add more.
55 components total.
0.0.1 — Initial development release #
51 themeable components, all reading color/spacing/radius from a single
PlinthTheme (plinth_core). See docs/COMPONENTS.md in the repository
for the full prop reference.
Primitives #
PlinthButton, PlinthActionIcon, PlinthBox, PlinthText,
PlinthDivider, PlinthKbd, PlinthCode, PlinthMark.
Forms #
PlinthTextInput, PlinthTextarea, PlinthPasswordInput,
PlinthCheckbox, PlinthRadio / PlinthRadioGroup, PlinthSelect,
PlinthSegmentedControl, PlinthNumberInput, PlinthChip,
PlinthRating, PlinthSlider, PlinthSwitch.
Feedback #
PlinthBadge, PlinthAlert, PlinthProgress, PlinthRingProgress,
PlinthNotification, PlinthSkeleton, PlinthSpoiler,
PlinthLoadingOverlay.
Data Display #
PlinthAvatar, PlinthThemeIcon, PlinthIndicator,
PlinthColorSwatch, PlinthTable.
Navigation #
PlinthTabs / PlinthTabView, PlinthAccordion, PlinthStepper,
PlinthBreadcrumbs, PlinthPagination, PlinthTimeline,
PlinthNavLink.
Surfaces #
PlinthPaper, PlinthCard, PlinthBlockquote, PlinthAnchor,
PlinthCopyButton.
Overlays #
PlinthModal, PlinthDrawer, PlinthPopover, PlinthMenu,
PlinthTooltip, PlinthAffix.
Notes on this release #
PlinthMarkandPlinthCode's single positional content field is namedlabel, matchingPlinthBadge/PlinthKbd/PlinthAnchor's convention for the same pattern (found and fixed during an API consistency pass — see the main README's "API consistency review" section for the full audit).- Golden (visual regression) test coverage currently exists only for
PlinthButton— other components have behavior tests but not appearance tests yet. - Widgetbook gallery entries use static per-variant use cases rather than interactive knobs; the knob API wasn't verified against a live SDK during initial development.