View Source Shino.UI.Pagination (shino v0.2.0-alpha.1)

Provides pagination related components.

Examples

<Pagination.root class="mx-auto flex w-full justify-center">
  <Pagination.content>
    <Pagination.item>
      <Pagination.prev href="#" />
    </Pagination.item>
    <Pagination.item>
      <Pagination.anchor href="#">1</Pagination.anchor>
    </Pagination.item>
    <Pagination.item>
      <Pagination.anchor href="#" active>2</Pagination.anchor>
    </Pagination.item>
    <Pagination.item>
      <Pagination.anchor href="#">3</Pagination.anchor>
    </Pagination.item>
    <Pagination.item>
      <Pagination.ellipsis />
    </Pagination.item>
    <Pagination.item>
      <Pagination.next href="#" />
    </Pagination.item>
  </Pagination.content>
</Pagination.root>

To override the content of <.prev /> or <.next />, try:

<Pagination.prev href="#" aria-lable="上一页">上一页</Pagination.prev>
<Pagination.next href="#" aria-lable="下一页">下一页</Pagination.next>

References

shadcn/ui - Pagination

Summary

Functions

anchor(assigns)

Renders a pagination anchor.

content(assigns)

Renders a pagination content.

ellipsis(assigns)

Renders a ellipsis.

item(assigns)

Renders a pagination item.

next(assigns)

Renders a next button.

prev(assigns)

See Shino.UI.Pagination.previous/1.

previous(assigns)

Renders a previous button.

root(assigns)

The root contains all the parts of a popover.

Functions

anchor(assigns)

Renders a pagination anchor.

Attributes

active (:boolean) - Defaults to false.
size (:string) - Defaults to "icon".
class (:any) - Defaults to nil.
Global attributes are accepted. Supports all globals plus: ["href", "navigate", "patch", "method"].

Slots

inner_block (required)

content(assigns)

Renders a pagination content.

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

ellipsis(assigns)

Renders a ellipsis.

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted.

item(assigns)

Renders a pagination item.

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

next(assigns)

Renders a next button.

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted. Supports all globals plus: ["href", "navigate", "patch"].

Slots

inner_block

prev(assigns)

See Shino.UI.Pagination.previous/1.

previous(assigns)

Renders a previous button.

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted. Supports all globals plus: ["href", "navigate", "patch"].

Slots

inner_block

root(assigns)

The root contains all the parts of a popover.

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)