Components Pagination Bar

Pagination Bar

Overview API Examples Style Tokens

LmnPaginationBarComponent

import { LmnPaginationBarComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-pagination-bar

Properties

NameTypeDescription
allowedPageSizes
r
InputSignal<number[]>

It defines the values to display in the pages sizes dropdown.

allowPageChoice
r
InputSignalWithTransform<boolean, unknown>

It defines whether to display the page selection Input.

allowPageSizeChange
r
InputSignalWithTransform<boolean, unknown>

It defines whether it is possible to change the page size.

changePageSize
r
OutputEmitterRef<number>
itemsCount
r
InputSignalWithTransform<number | undefined, string | number | null | undefined>

It informs the component of the total count of items in the data set. If not defined, it means we don’t know the total count of items in the data set.

nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>

It switches the component to its negative mode.

page
r
ModelSignal<number>

It defines the default page number.

pageSize
r
InputSignalWithTransform<number, unknown>

It defines the default page size.

showVisibleItemsRange
r
InputSignalWithTransform<boolean, unknown>

It defines whether the range of visible items is visible.