Skip to content
ENالعربية

Section footer

Get Ritla UI

The end of a list, table or form: pagination, Load more with the count, a View all link, or Cancel and Save with the save status.

Open in Figma

Preview

Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.

EnglishMirroredArabic
DesktopMobile
LTR →

Examples

Load more

EnglishMirroredArabic
DesktopMobile
LTR →

View all link

EnglishMirroredArabic
DesktopMobile
LTR →

Form actions

EnglishMirroredArabic
DesktopMobile
LTR →

Installation

  1. Add the block

    npx ritla add section-footer

    Also works with shadcn: npx shadcn@latest add @ritla/section-footer

Pricing

Built from

The Ritla UI components this block is made of. Each is installed with it.

Arabic and RTL notes

Mirrors

  • Page 1 sits on the right and Next points left; the View all arrow points left.
  • The save status starts on the right and Save stands at the far left.

Does not mirror

  • The Load more icon keeps its turn.
Numerals
Page numbers follow the numerals setting.