Hubspot preset

Pro

HubSpot's CRM and automation objects, as entity kinds. Pass to EntityKindsProvider: <EntityKindsProvider kinds={hubspotKinds}>. Each noun is HubSpot's own word: contacts, companies, deals and tickets are its standard CRM objects, a property is a field on a record, a workflow is an automation, and list shows as "Segment" because HubSpot's help centre now calls lists segments ("previously called lists"; its API still says lists).

Markdown

Version 5.2.0· other versions

This page is for 5.2.0, the current release. An earlier release’s page is the Markdown that release published, so the docs match the version you have installed (candor-lock.json records it).

Not in the docs of 1.3.0, 1.4.0, 1.5.0, 1.5.1, 1.6.0, 1.7.0, 1.8.0, 1.8.1, 1.9.0, 1.9.1, 2.0.0, 2.1.0, 2.2.0, 2.3.0, 2.4.0, 2.5.0, 2.5.1, 2.6.0, 2.6.1, 2.6.2, 2.7.0, 2.8.0, 2.9.0, 2.10.0 and 3.0.0: the page came later, or had another name then.

Docs pages weren’t kept for 1.0.0, 1.0.1, 1.1.0, 1.1.1, 1.2.0 and 1.2.1: they are kept from 1.3.0 on, and before that only llms.txt was published.

Preview

Install

With the Candor CLI

First time? Get started sets up the registry and theme. Or with shadcn directly: npx shadcn@latest add @candor/hubspot-preset

Brings in: entity-chip, fill-strings, tokens · npm: lucide-react@^1.67.0

Usage

TSX · The example above

"use client"

import { EntityChip, EntityKindsProvider } from "@/components/candor/entity-chip"
import { hubspotKinds } from "@/components/candor/hubspot-preset"

export default function Example() {
  return (
    <EntityKindsProvider kinds={hubspotKinds}>
      <p className="flex max-w-lg flex-wrap items-center gap-2 text-sm">
        <EntityChip entity={{ kind: "contact", name: "Dana Reyes" }} onOpen={() => {}} />
        <EntityChip entity={{ kind: "company", name: "Northwind Traders" }} onOpen={() => {}} />
        <EntityChip entity={{ kind: "deal", name: "Renewal 2027" }} onOpen={() => {}} />
        <EntityChip entity={{ kind: "ticket", name: "Login loop on mobile" }} onOpen={() => {}} />
        <EntityChip entity={{ kind: "workflow", name: "Lead routing" }} onOpen={() => {}} />
        <EntityChip entity={{ kind: "property", name: "lifecycle_stage" }} onOpen={() => {}} />
        <EntityChip entity={{ kind: "list", name: "Open renewals" }} onOpen={() => {}} />
      </p>
    </EntityKindsProvider>
  )
}

Values

hubspotKinds

Record<string, EntityKindInfo>

hubspotNouns

HubSpot's nouns for LocaleProvider's nouns: an environment is a HubSpot account.

Partial<NounTable>