dir="auto". Keep email addresses and booking codes LTR with dir="ltr" or bdi.استخدم الاسم الوارد في جواز سفرك.
<div dir="rtl" lang="ar">
<QInput label="الاسم الكامل" dir="auto" bind:value={name} />
<QInput label="البريد الإلكتروني" dir="ltr" type="email" bind:value={email} />
<span>رقم الحجز: <bdi dir="ltr">RH7K2Q</bdi></span>
</div>dir/lang props keep an open popup in sync with local changes.<QMenu dir={rtl ? "rtl" : "ltr"} lang={language}
anchor="bottom end" self="top end" bind:value={open}>
<!-- Trip options -->
</QMenu>Popups inherit their trigger's direction when opening. Global config.rtl changes
also update open popups.
Quaff.init() once in your root layout. Use a plain object for fixed
settings, or $state for a language switcher.import { Quaff } from "@quaffui/quaff";
Quaff.init({ rtl: true });For runtime changes, use this setup instead:
const config = $state({ rtl: true });
Quaff.init(config);
// When the language changes:
config.rtl = false;For SSR, set the matching initial dir and lang on html. Language packs do not set these attributes. The same reactive pattern
works for other Quaff settings.
<html lang="ar" dir="rtl">