carbon-design-system/carbon

Design for pagination number input

开放

#5,546 创建于 2020年3月5日

 (2 条评论) (2 个反应) (1 位负责人)JavaScript (1,733 个派生)batch import
afrohackscomponent: number-inputcomponent: paginationhacktoberfestproposal: acceptedrole: design :pencil2:type: enhancement 💡

仓库指标

星标
 (7,442 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

Summary

A large number of total items in the pagination select causes problems described in https://github.com/carbon-design-system/carbon/issues/5129 and https://github.com/carbon-design-system/carbon/issues/4365

Without alternative designs, a proposed workaround is to remove the ability to select a page or limit the height of the select window https://github.com/carbon-design-system/carbon/pull/5485

Desired UX and success metrics

Create designs that allow the user to navigate to a specific page without incrementally clicking the forward and back pagination nav arrow.

Considerations:

  • Error message
  • Always require a value
  • The behavior when the number entered is greater than the number of pages (Reset to the highest page?)
  • What other components have this type of input inside a toolbar or component? What needs to be established for this type of pattern?

Exploration

Number input specs that are similar to the mobile ipnut component. image

贡献者指南