diff --git a/packages/components/src/components/pagination/component.tsx b/packages/components/src/components/pagination/component.tsx index 444b5ead06..a62364c72d 100644 --- a/packages/components/src/components/pagination/component.tsx +++ b/packages/components/src/components/pagination/component.tsx @@ -298,13 +298,17 @@ export class KolPagination implements PaginationAPI { exportparts="icon" key={`${this.nonce}-${page}`} _customClass={this.state._customClass} - _label={`${page}`} + _label="" _on={{ onClick: (event: Event) => { this.onClick(event, page); }, }} - > + > + + {translate('kol-page')} {page} + + ); } @@ -312,7 +316,11 @@ export class KolPagination implements PaginationAPI { private getSelectedPageButton(page: number): JSX.Element { return (
  • - + + + {translate('kol-page')} {page} + +
  • ); } diff --git a/packages/components/src/locales/de.ts b/packages/components/src/locales/de.ts index 1aa7067a7b..c1513cde4c 100644 --- a/packages/components/src/locales/de.ts +++ b/packages/components/src/locales/de.ts @@ -19,6 +19,7 @@ export default { 'page-next': 'Eine Seite weiter', 'page-last': 'Direkt zur letzten Seite', 'entries-per-site': 'Einträge pro Seite', + page: 'Seite', 'page-current': 'Seite {{page}}', 'page-selected': 'Seite {{page}} ist ausgewählt', 'page-per-site': '{{entries}} Einträge pro Seite', diff --git a/packages/components/src/locales/en.ts b/packages/components/src/locales/en.ts index 0445b00509..68f8208d29 100644 --- a/packages/components/src/locales/en.ts +++ b/packages/components/src/locales/en.ts @@ -19,6 +19,7 @@ export default { 'page-next': 'One page further', 'page-last': 'Directly to the last page', 'entries-per-site': 'Entries per page', + page: 'Page', 'page-current': 'Page {{page}}', 'page-selected': 'Page {{page}} is selected', 'page-per-site': '{{entries}} entries per page',