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
Summary
Functions
Renders a pagination anchor.
Renders a pagination content.
Renders a ellipsis.
Renders a pagination item.
Renders a next button.
Renders a previous button.
The root contains all the parts of a popover.
Functions
Renders a pagination anchor.
Attributes
active
(:boolean
) - Defaults tofalse
.size
(:string
) - Defaults to"icon"
.class
(:any
) - Defaults tonil
.- Global attributes are accepted. Supports all globals plus:
["href", "navigate", "patch", "method"]
.
Slots
inner_block
(required)
Renders a pagination content.
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders a ellipsis.
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Renders a pagination item.
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders a next button.
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted. Supports all globals plus:
["href", "navigate", "patch"]
.
Slots
inner_block
Renders a previous button.
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted. Supports all globals plus:
["href", "navigate", "patch"]
.
Slots
inner_block
The root contains all the parts of a popover.
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)