بطاقة الخدمةServiceCard

اسم الخدمة وتفاصيلها ووقت إنجازها وإجراء البدء.

إصدار شهادة

خدمة إلكترونية بخطوات واضحة وبسيطة.

5 دقائق

أضفه إلى مشروعك

نفّذ الأمر داخل مشروعك لإضافة المكوّن مباشرة من الرابط. يتولى المثبّت إضافة ملفات الحزمة وعددها 11، بما فيها الثيمات والاعتماديات.

Terminal

pnpm dlx shadcn@latest add https://tirazkit.moud4477.chatgpt.site/r/service-card.json

يتطلب التثبيت المباشر رابطًا متاحًا دون تسجيل دخول، ومشروعًا مهيّأً لاستخدام المكتبة. دليل التثبيت الكامل

التثبيت من ملف محلي

إذا كانت نسختك من السجل خاصة، نزّل الحزمة إلى مجلد مشروعك ثم ثبّتها من الملف.

تنزيل حزمة المكوّن

Terminal

pnpm dlx shadcn@latest add ./service-card.json

الاستخدام

المكوّن يرث الألوان والاتجاه من مزوّد الثيم. غيّر قيمة الثيم لتستخدم نفس الكود بهوية مختلفة.

example.tsx

"use client";
import { Theme } from "@/components/tirazkit/theme";
import { ServiceCard } from "@/components/tirazkit/service-card";

export default function Example() {
  return (
    <Theme theme="dga" locale="ar">
      <ServiceCard title="إصدار تصريح" description="قدّم طلبك وتابع حالته إلكترونيًا." duration="3 أيام عمل" href="/services/permit" />
    </Theme>
  );
}

الخصائص الأساسية

الخاصية	النوع	القيمة الافتراضية
title	string	مطلوب
description	string	مطلوب
href	string	مطلوب

إرشادات الاستخدام

حافظ على النصوص الواضحة والتباين عند التخصيص. جرّب المكوّن بالاتجاهين ومع لوحة المفاتيح ضمن صفحة مشروعك الفعلية.