Singlestage UI

v0.5.0

Getting Started

Components

Pagination

Pagination with page navigation, next, and previous links.

Simple

A simple pagination with only page numbers.

Icons only

You can also use just the previous and next buttons without page numbers. This is useful for data tables with a rows per page selector.

Anatomy

Import all parts and piece them together.

use leptos::prelude::*;
use singlestage::*;

#[component]
pub fn PaginationAnatomy() -> impl IntoView {
    view! {
        <Pagination>
            <PaginationContent>
                <PaginationItem>
                    <PaginationPrevious />
                    <PaginationLink />
                    <PaginationEllipsis />
                    <PaginationNext />
                </PaginationItem>
            </PaginationContent>
        </Pagination>
    }
}

API Reference

Pagination

Contains all the parts of the pagination component.

Implements global attributes.

PaginationContent

Contains pagination content.

Implements global attributes.

PaginationEllipsis

Contains a pagination ellipsis.

Implements global attributes.

PaginationItem

Contains a single pagination item.

Implements global and li attributes.

PaginationLink

A pagination link.

Custom Attributes
NameTypeDefaultDescription
activeboolfalse

Toggle whether or not this button should render with active styling.

Implements global and a attributes.

PaginationNext

A pagination next button.

Implements global and a attributes.

PaginationPrevious

A pagination previous button.

Implements global and a attributes.