ختم رقمي

DigitalStamp

مكون DigitalStamp للمواقع الحكومية السعودية في React: شريط العلم والعبارة، ولوحة شرح نطاق .gov.sa، ورقم تسجيل الهيئة، بالعربية والإنجليزية.

فتح في Storybook ↗

يعرض DigitalStamp شريط العلم والعبارة الرسمية مع لوحة شرح. حدد extension لنص النطاق، وregistrationNumber لإظهار لوحة تسجيل الهيئة.

متى تستخدمه

استخدم DigitalStamp في أعلى كل صفحة من موقع حكومي سعودي رسمي، كما يشترط كود المنصات. اضبط extension ليطابق نطاقك، وregistrationNumber حين يكون الموقع مسجلاً لدى هيئة الحكومة الرقمية.

اعرضه مرة واحدة في الصفحة، فوق الترويسة.

أمثلة

شريط التحقق

موقع حكومي مسجل لدى هيئة الحكومة الرقمية.

شرح موسع

موقع حكومي مسجل لدى هيئة الحكومة الرقمية.

تنتهي روابط المواقع الحكومية الرسمية السعودية بـ .gov.sa

يعود الموقع إلى جهة حكومية رسمية في المملكة العربية السعودية وينتهي دائماً بـ .gov.sa .

المواقع الرسمية الموثوقة تستخدم HTTPS

تأكد من أن الموقع يستخدم بروتوكول HTTPS.

مسجل لدى هيئة الحكومة الرقمية:

00000000000

امتداد تعليمي

موقع تعليمي معتمد مسجل لدى هيئة الحكومة الرقمية.

Official Saudi educational websites URL ends with .edu.sa

Website belongs to an official educational in the Kingdom of Saudi Arabia always ends with .edu.sa or sch.sa .

Official Reliable websites use HTTPS

Ensure the website is using the HTTPS protocol.

العربية (RTL)

موقع حكومي مسجّل لدى هيئة الحكومة الرقمية.

تنتهي روابط المواقع الحكومية الرسمية السعودية بـ .gov.sa

يعود الموقع إلى جهة حكومية رسمية في المملكة العربية السعودية وينتهي دائمًا بـ .gov.sa .

المواقع الرسمية الموثوقة تستخدم HTTPS

تأكد من أن الموقع يستخدم بروتوكول HTTPS.

مسجّل لدى هيئة الحكومة الرقمية:

00000000000

الخصائص

الخصائص التي يعرفها DigitalStamp. سمات العنصر الأصلي تمر كما هي.

الخاصية	النوع	الافتراضي	الوصف
`extension`	`DigitalStampExtension`	`'gov.sa'`	Domain extension - selects the default verification copy + highlighted domain.
`statement`	`react.ReactNode`		Bar statement, shown beside the flag.
`triggerLabel`	`react.ReactNode`	`'How you know?'`	Disclosure trigger label.
`domainTitle`	`react.ReactNode`		Domain-verification column title. Defaults to the SDGA copy for `extension` (domain in `<strong>`).
`domainDescription`	`react.ReactNode`		Domain-verification column body.
`securityTitle`	`react.ReactNode`		Security/HTTPS column title. Defaults to the SDGA copy (`HTTPS` in `<strong>`).
`securityDescription`	`react.ReactNode`		Security/HTTPS column body.
`registrationLabel`	`react.ReactNode`		Registration-panel lead label.
`registrationNumber`	`react.ReactNode`		DGA registration number shown (and linked) in the panel. The panel is omitted when this is empty.
`registrationHref`	`string`		href for the registration-number link. Falls back to plain text when omitted.
`logo`	`react.ReactNode`		Official DGA logo node rendered in the registration panel (consumer-supplied asset; it's trademarked).
`open`	`boolean`		Controlled open state of the disclosure panel.
`defaultOpen`	`boolean`	`false`	Uncontrolled initial open state.
`onOpenChange`	`(open: boolean) => void`		Called with the next open state when the user toggles the panel.

إمكانية الوصول

يعرض زر الشرح aria-expanded وaria-controls، مما يتيح للتقنيات المساعدة إعلان حالة اللوحة. العلم والعلامات زخرفية، بينما العبارة نص.

يعرض المكون نص SDGA الإنجليزي افتراضياً. مرر العبارة العربية ونصوص اللوحة عبر الخصائص كما في المثال العربي. ويتبع الشريط نفسه اتجاه الصفحة.