magma

magma

  • Matter
  • CLI
  • API
  • Help
  • Blog
  • Resources

›Transaction-focused

Matter

  • Digital Substance

Primitives

  • Typography
  • Text Tokens
  • Color
  • Color Tokens
  • Icons
  • Grid
  • Spacing
  • Elevation

Components

    Transaction-focused

    • Accordion
    • Alert Box
    • Avatar
    • Badge
    • Breadcrumb
    • Button Group
    • Button
    • Callout
    • Checkbox
    • Date Picker
    • Date Time Picker
    • Dropdown Menu
    • Filter Search
    • Filter Tags
    • Input Text
    • Link
    • Pagination
    • Progress Indicator
    • Radio Button
    • Rating
    • Select
    • Slider
    • Spinner
    • Tabs
    • Toast
    • Tooltip

    Content-focused

    • Core Editorial
    • Autoría

Containers

  • Container 1
  • Container 2

Modules

    Structural

    • Cabecera
    • footer

    Other

    • Orden de trabajo
    • Otros

Patterns

  • This is document number 3

Pagination

Descarga la librería

Ayuda a mostrar y distribuir un conjunto de resultados extensos divididos y/o segmentados en varias páginas, dando como resultado bloques más cortos que ayudan a los usuarios a entender una gran cantidad de elementos y a moverse fácilmente a través de unos controles donde cada una de ellos es un enlace de botón que les permite navegar rápidamente a través de los resultados.

Por norma general, la paginación suele usarse cuando hay más 25 elementos mostrados en una sola vista, pero este número podrá variar según contexto y necesidades.

Usa la paginación predeterminada cuando necesites un patrón de paginación simple para una página que no cambie de tamaño.

Paginación - RDS


Elementos de navegación

  • Flecha a la izquierda: con ella navegarás hacia a la izquierda siempre y cuando no estés en la primera página, ya que en este caso la flecha aparecerá deshabilitada.
  • Flecha a la derecha: con ella navegarás hacia a la derecha siempre y cuando no estés en la última página, ya que en este caso la flecha aparecerá deshabilitada.
  • Números: te redirige directamente a un determinado conjunto de datos (página) calculado con el tamaño de la página.
  • Elipsis: aparece cuando el número de páginas supera a las 7 y siempre se muestra en una posición media.

Paginación - RDS


Usos y recomendaciones de uso

  • Identificar la página actual.
  • Los enlaces anteriores y siguientes son la forma más útil para que el usuario avance o retroceda a través de las páginas de datos.
  • Elementos por página.

Son muy útiles en

  • Las listas de tablas.
  • Resultados de búsqueda.
  • Directorios.

Paginación - RDS


En qué puede afectar:

  • Tiempos de carga del sistema.
  • Cantidad de datos en la entrada.
  • Espacio de pantalla.

Estilo

Color

Checkbox - RDS


Tipografía

Checkbox - RDS

← LinkProgress Indicator →
  • Elementos de navegación
  • Usos y recomendaciones de uso
    • Son muy útiles en
    • En qué puede afectar:
  • Estilo
    • Color
    • Tipografía
magma
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Secuoyas Experience SLU