View Source Shino.UI.Pagination (shino v0.1.0-alpha.0)

Provides pagination related components.

Examples

<Pagination.root>
  <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>

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 to false.
  • size (:string) - Defaults to "icon".
  • class (:string) - Defaults to nil.
  • Global attributes are accepted. Supports all globals plus: ["href", "navigate", "patch", "method"].

Slots

  • inner_block (required)

Renders a pagination content.

Attributes

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

Slots

  • inner_block (required)

Renders a ellipsis.

Attributes

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

Renders a pagination item.

Attributes

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

Slots

  • inner_block (required)

Renders a next button.

Attributes

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

Slots

  • inner_block

See Shino.UI.Pagination.previous/1.

Renders a previous button.

Attributes

  • class (:string) - Defaults to nil.
  • 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 (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)