React

component و hook، لـ Vite و Remix و Gatsby وأي app بـ React 18 أو 19.

في الصفحة دي

الـ packageopen-accessibility-widgetمحتاج React 18+

التسطيب

npm install open-accessibility-widget

الاستخدام

import { AccessibilityWidget } from "open-accessibility-widget/react";

export default function App() {
  return (
    <>
      <YourApp />
      <AccessibilityWidget position="right" theme={{ primary: "#0f766e" }} />
    </>
  );
}

ملاحظات

الـ component نفسه مش بيعمل render لأي حاجة: الـ widget بيتركّب على body.
تغيير أي prop بيحدّث الـ widget الشغال عن طريق setOptions()، والـ unmount بتاع الـ component بيشيله.
useAccessibility() بترجّع الإعدادات الحالية، واللوحة مفتوحة ولا لأ، والـ widget نفسه (null لحد ما يتركّب).

الـ accessibility statement

مرّر statementUrl عشان تحط لينك للـ accessibility statement بتاعك في الـ footer بتاع اللوحة.

عدّل الصفحة دي على GitHub