Fatih Deneme Component11

PrimeReact ve Tailwind CSS kullanılarak oluşturulmuş özel React komponentleri.

Gereksinimler

• React 16.8.0 veya üzeri
• React DOM 16.8.0 veya üzeri
• PrimeReact 10.0.0 veya üzeri
• PrimeIcons 6.0.0 veya üzeri
• Tailwind CSS 3.0.0 veya üzeri

Kurulum

npm install fatih-deneme-component11

Gerekli CSS Dosyalarının Import Edilmesi

Komponentleri kullanmadan önce, projenizin ana dosyasında (örneğin _app.tsx veya App.tsx) aşağıdaki CSS dosyalarını import etmelisiniz:

// PrimeReact tema ve stil dosyaları
import "primereact/resources/themes/lara-light-indigo/theme.css";
import "primereact/resources/primereact.min.css";
import "primeicons/primeicons.css";

// Tailwind CSS
import "tailwindcss/tailwind.css";

// Komponent stilleri
import "fatih-deneme-component11/dist/styles/custom-card.css";
import "fatih-deneme-component11/dist/styles/custom-button.css";
import "fatih-deneme-component11/dist/styles/fatih.css";

Kullanım

CustomCard Komponenti

import { CustomCard } from 'fatih-deneme-component11';

function App() {
  return (
    <CustomCard
      title="Hoş Geldiniz"
      content="Bu bir örnek kart içeriğidir."
      footerText="Son güncelleme: 2024"
      onAction={() => console.log('Detaylar tıklandı')}
      className="my-custom-class"
    />
  );
}

Versiyon Uyumluluğu

Bu paket, aşağıdaki minimum versiyonlarla uyumludur:

{
  "dependencies": {
    "react": ">=16.8.0",
    "react-dom": ">=16.8.0",
    "primereact": ">=10.0.0",
    "primeicons": ">=6.0.0",
    "tailwindcss": ">=3.0.0"
  }
}

Sorun Giderme

Eğer stil sorunları yaşıyorsanız:

1. PrimeReact CSS dosyalarının doğru şekilde import edildiğinden emin olun
2. Tailwind CSS'in projenizde doğru şekilde yapılandırıldığından emin olun
3. Komponentlerin peer dependencies'lerinin doğru versiyonlarla yüklendiğinden emin olun
4. CSS dosyalarının doğru sırayla import edildiğinden emin olun
5. Tarayıcı geliştirici araçlarını kullanarak CSS çakışmalarını kontrol edin

Lisans

MIT