Ristek Ads

An open-source component library for ristek advertisment

Getting Started

Install the component

npm install @ristek-kit/ads

Add AdsProvider to your project root

// root.tsx
import { AdsProvider } from "@ristek-kit/ads";

export default function YourProjectRoot({ children }) {
  // theme = "dark" | "light", currently doesn't change anything (TODO)
  // platform = "RistekLink" | "SusunJadwal" | "BikunTracker"
  return (
    <AdsProvider theme={theme} platform={platform}>
      {children}
    </AdsProvider>
  );
}

Use the component

// App.tsx
import { RistekAds } from "@ristek-kit/ads";

export default function App() {
  // Allows for custom width and height
  return <RistekAds className="w-full h-40" />;
}