🎉 New Launch! Fragment App is now available - Get started today!

Learn More
×

Announcement Bar Demo

Interactive demo and code examples for Fragment announcement components

Announcement Implementation

Complete implementation with data fetching and display

TypeScript
import { fetchResource, ResourceType } from "fragment-headless-sdk";
import type { IAnnouncement, ListParams } from "fragment-headless-sdk";

async function fetchAnnouncements() {
  const announcements = 
    (await fetchResource<IAnnouncement>({
      baseUrl: process.env.FRAGMENT_BASE_URL!,
      apiKey: process.env.FRAGMENT_API_KEY!,
      type: ResourceType.Announcements
    })) ?? [];
    
  return announcements;
}

Installation

yarn add fragment-headless-sdk