← All examplesConfirms

Theme tokens and RTL

Use an optional theme and render provider-owned dialogs and notifications in right-to-left layouts.

العربية · من اليمين إلى اليسار

Provider-rendered dialogs and notifications accept dir=rtl and use logical spacing and positioning.

CodeFocused snippet
import 'react-submit-flow/styles.css'
import 'react-submit-flow/themes/forest.css'

<SubmitFlowProvider dir="rtl">
  <ArabicPage />
</SubmitFlowProvider>

Read the related guide →

This demo uses a local, temporary action. It does not send data or write to a service.