CodeSnippet

Name: dev-dga
Author: Dhaifallah Alfarawi

A code block with tabs, line numbers, and a copy button.

CodeSnippet takes a languages array; more than one entry shows tabs. Use maxLines for a Show More toggle, and CodeSnippetInline for one-line commands. Code always renders left to right.

Multiple languages

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

Single language, no line numbers

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

Collapsible with Show More

# 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",)

Inline command

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

npmnpm install @dev-dga/react