CSS: pagination.page ​

.page — ลิงก์ไปยังหน้าเพจหรือปุ่ม (InstUI Pagination.Page); หน้าเพจปัจจุบันมี [aria-current].

การใช้งาน ​

css
@import "@pantoken/components/components.css";
@import "@pantoken/components/pagination.page.css";

ตัวปรับแต่ง ​

ตัวปรับแต่งคำอธิบาย
.-currentหน้าเพจปัจจุบัน; มีการจัดสไตล์เหมือนกับ [aria-current].

สถานะ ​

สถานะคำอธิบาย
:state(current)—

โทเค็นที่ใช้ ​

Tokenชนิดค่า
--instui-border-width-md<length>0.125rem
--instui-color-background-interactive-action-primary-base<color>LightDarklight-dark(#1D354F, #EEF4FD)
--instui-color-background-interactive-action-primary-hover<color>LightDarklight-dark(#234465, #ffffff)
--instui-color-background-muted<color>LightDarklight-dark(#F2F4F5, #273540)
--instui-color-text-interactive-action-primary-base<color>LightDarklight-dark(#ffffff, #1D354F)
--instui-color-text-interactive-navigation-primary-base<color>LightDarklight-dark(#2369A4, #7FB4F1)
--instui-color-text-interactive-navigation-primary-hover<color>LightDarklight-dark(#1A5281, #ACCDF7)
--instui-component-base-button-border-radius<length>0.75rem
--instui-font-weight-interactive<integer>500
--instui-spacing-space-xs<length>0.25rem
--instui-spacing-space2xs<length>0.125rem