Repository navigation
v0.2.0-alpha.18
Pre-release
Pre-release
Published under the next dist-tag (@lablup/ui-common@next, @lablup/ui-common-cli@next). PR #63.
Added
Board, a dashboard grid of items the user moves and resizes. A
handle dragged by pointer moves or resizes live (a resized item takes the
pointer's size) and snaps to the grid on release; a handle clicked, or
given Enter or Space, is activated: direction buttons appear and they or
the arrow keys step one cell at a time, Enter, Space or leaving the handle
commits, Escape discards, each step announced in a live region. It stands
in for@cloudscape-design/board-componentsand keeps its data model —
spans plus acolumnOffsetper column count, the column count from the
board's width (1/2/4/6 by default,columnBreakpointsoverrides),
onItemsChangereporting the whole board in its new order — so a layout a
product stored from that board renders and persists the same. The other
items make room the way they did there (a scored search over the four
directions, swaps, refloat; an unsettleable overlap is a conflict that
does not commit). Astryx-shaped props (isMovable,isResizable,
variant="bordered",renderItem,emptyContent); strings are
uic.Board.*keys in every locale; CSS knobs--board-row-height,
--board-gap,--board-item-radius,--board-transition-duration,
--board-handle-z. A pointer drag follows the pointer through an
ancestor's scrolling and scrolls the nearest scroll container near its
edge. No new dependency.