Skip to content

RangeCalendarPrevButton

Source: client/lib/theme/vueda-tailwind/controls/index.js

The previous-month button anchored to the left edge of a RangeCalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root, then absolute-positions itself at left-1 so the button does not consume row flex while the heading floats centred between the two edges. Same square 28×28 transparent plus 50%-opacity-at-rest treatment as CalendarNavButton.root.

Vue component: RangeCalendarPrevButton

SlotDefault classesDescription
rootabsolute left-1 size-7 bg-transparent p-0 opacity-50 hover:opacity-100The previous-month button anchored to the left edge of a RangeCalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root, then absolute-positions itself at left-1 so the button does not consume row flex while the heading floats centred between the two edges. Same square 28×28 transparent plus 50%-opacity-at-rest treatment as CalendarNavButton.root.

root

The previous-month button anchored to the left edge of a RangeCalendarHeader.root. Composes _ButtonBase.root plus _ButtonOutline.root, then absolute-positions itself at left-1 so the button does not consume row flex while the heading floats centred between the two edges. Same square 28×28 transparent plus 50%-opacity-at-rest treatment as CalendarNavButton.root.

Default classes:

absolute left-1 size-7 bg-transparent p-0 opacity-50 hover:opacity-100

Composes: _ButtonBase.root _ButtonOutline.root

Source: client/lib/theme/vueda-tailwind/controls/RangeCalendarPrevButton.theme.js:18

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2