Skip to content

Navigation Components

Components for navigation and user actions.

BvScrollToTop

ScrollToTop · import { BvScrollToTop } from "@baklavue/ui"

PropTypeDescription
thresholdnumberScroll threshold (px) before button appears
positionScrollToTopPositionbottom-right, bottom-left, top-right, top-left
labelstringAccessible label
sizeButtonSizeButton size
variantButtonVariantButton variant

Events: click

Link · import { BvLink } from "@baklavue/ui"

PropTypeDescription
hrefstringURL
targetstring_self, _blank, etc.
variantLinkVariantinline, standalone
sizeLinkSizesmall, medium, large
kindLinkKindprimary, neutral
disabledbooleanDisabled state

BvPagination

Pagination · import { BvPagination } from "@baklavue/ui"

PropTypeDescription
currentPagenumberv-model:currentPage
totalItemsnumberTotal item count
pageSizenumberItems per page
hasJumperbooleanPage jumper input
hasSelectbooleanItems-per-page select
itemsPerPageOptionsItemsPerPageOption[]Select options

Events: update:currentPage, change

BvSplitButton

Split Button · import { BvSplitButton } from "@baklavue/ui"

PropTypeDescription
variantstringprimary, secondary
sizestringsmall, medium, large
labelstringButton label
iconBaklavaIconIcon name
disabledbooleanDisabled state
loadingbooleanLoading state

Slots: default (dropdown items)