مقتطف code

CodeSnippet

كتلة شيفرة مع تبويبات وأرقام أسطر وزر نسخ.

يستقبل CodeSnippet مصفوفة languages، وتظهر التبويبات عند وجود أكثر من لغة. استخدم maxLines لزر إظهار المزيد، وCodeSnippetInline للأوامر القصيرة. تعرض الشيفرة دائمًا من اليسار إلى اليمين.

لغات متعدّدة

// Fetch the national service catalogconst res = await fetch(  'https://api.gov.example.sa/v1/services',);const services = await res.json();console.log(services.length);

لغة واحدة، بلا أرقام أسطر

export const config = {  authority: 'Digital Government Authority',  region: 'sa-central-1',  retries: 3,};

قابل للطي مع «عرض المزيد»

# Permit request schemafrom pydantic import BaseModelclass PermitRequest(BaseModel):    citizen_id: str    service_code: str    ministry: str    submitted_at: str    status: str = "pending"    priority: int = 3# Instancerequest = PermitRequest(    citizen_id="1000000000",    service_code="BLD-204",    ministry="Municipal Affairs",    submitted_at="2026-07-02",)

أمر مضمّن

pnpmpnpm add @dev-dga/react @dev-dga/css

npmnpm install @dev-dga/react