primitives

Bottega Tokens

Semantic CSS-variable token contract: the @theme-inline color mapping (with default fallbacks) + the directly-read structural tokens (radius/ease/duration). Ships NO brand color palette, so re-adding a component never clobbers your colors.

tokens is not yet wired to a live preview. Add an entry to lib/previews.tsx.

Install

1. Register the namespace (once per project):

json

// components.json — register the @bottega namespace once
{
  "registries": {
    "@bottega": { "url": "https://bottega.ariacode.ca/r/{name}.json" }
  }
}

2. Add the component:

bash

npx shadcn add @bottega/tokens

Usage

Usagetsx

<Tokens />

Props

Standard props — see source.