ختم رقمي
DigitalStampمكوّن DigitalStamp للمواقع الحكومية السعودية في React: شريط العلم والعبارة، ولوحة شرح نطاق .gov.sa، ورقم تسجيل الهيئة، بالعربية والإنجليزية.
يعرض DigitalStamp شريط العلم والعبارة الرسمية مع لوحة توضيحية. حدد extension لنص النطاق وregistrationNumber لإظهار لوحة تسجيل الهيئة.
متى تستخدمه
استخدم DigitalStamp في أعلى كل صفحة من موقع حكومي سعودي رسمي، كما يشترط كود المنصّات. اضبط extension ليطابق نطاقك وregistrationNumber حين يكون الموقع مسجّلًا لدى هيئة الحكومة الرقمية.
اعرضه مرّة واحدة في الصفحة، فوق الترويسة.
أمثلة
الخصائص
الخصائص التي يعرّفها 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 الإنجليزي. مرّر العبارة العربية ونصوص اللوحة عبر الخصائص كما في المثال العربي؛ ويتبع الشريط نفسه اتجاه الصفحة.