Components Overview

import { BoxpressdEventList } from "@boxpressd/sites-sdk/events"

export default function UpcomingEvents() {
  return (
    <BoxpressdEventList
      status="upcoming"
      limit={6}
    />
  )
}

import { BoxpressdReviewSummary } from "@boxpressd/sites-sdk/reviews"

export default function ReviewsSection() {
  return <BoxpressdReviewSummary />
}

import { BoxpressdCheckinsFeed } from "@boxpressd/sites-sdk/checkins"

export default function ActivitySection() {
  return (
    <BoxpressdCheckinsFeed
      limit={10}
    />
  )
}

import { BoxpressdSessionsFeed } from "@boxpressd/sites-sdk/sessions"

export default function CommunitySection() {
  return (
    <BoxpressdSessionsFeed
      limit={10}
    />
  )
}

import { BoxpressdMap } from "@boxpressd/sites-sdk/maps"

export default function LocationSection() {
  return (
    <BoxpressdMap
      height={500}
    />
  )
}

import { AgeVerification } from "@boxpressd/sites-sdk/compliance"

export default function Layout() {
  return (
    <>
      <AgeVerification />
      {children}
    </>
  )
}

import {
  BoxpressdButton,
  BoxpressdCard,
  BoxpressdBadge
} from "@boxpressd/sites-sdk"

export default function Example() {
  return (
    <BoxpressdCard>
      <BoxpressdBadge>
        Featured
      </BoxpressdBadge>

      <BoxpressdButton>
        Learn More
      </BoxpressdButton>
    </BoxpressdCard>
  )
}

:root {
  --bxp-primary: #d3a966;
  --bxp-border-radius: 16px;
}

<BoxpressdProvider
  apiKey={apiKey}
  theme={{
    primaryColor: "#d3a966"
  }}
>
  {children}
</BoxpressdProvider>