Verbed

A dictionary entry defines a product name as a noun, then as a verb, with inflections and an example.

Installation

$ pnpm dlx shadcn@latest add @remocn/verbed

Usage

tsx

// src/Root.tsx
import { Composition } from "remotion";
import { Verbed } from "@/components/remocn/verbed";
 
const VerbedScene = () => (
  <Verbed headword="remocn" nounSense="a set of video scenes you copy into your repo." verbSense="to make the launch film in the same pull request." />
);
 
export const RemotionRoot = () => (
  <Composition
    id="Verbed"
    component={VerbedScene}
    durationInFrames={200}
    fps={30}
    width={1280}
    height={720}
  />
);

A headword with pronunciation appears with its noun sense, then turns into its verb sense, inflections and an example sentence. Set headword, nounSense, verbSense and example to define your own product. It ships in light and dark through the theme prop.

Props12

Prop	Type	Default
headword	string"remocn" The word being defined.
pronunciation	string"/rem-uh-kun/" Pronunciation line under the headword.
nounLabel	string"noun" Part-of-speech label for the first sense.
verbLabel	string"verb" Part-of-speech label for the second sense.
nounSense	string"a set of video scenes you copy into your repo and edit like any other code." Definition text for the noun sense.
verbSense	string"to make the launch film in the same pull request as the feature." Definition text for the verb sense.
inflections	string[]["remocns", "remocned", "remocning"] Inflected forms shown after the verb sense.
example	string"We remocned the changelog before lunch." Example sentence using the word as a verb.
accent	string— Accent color override; falls back to the theme accent.
background	string— Background color override; falls back to the theme background.
speed	number1 Playback speed multiplier for the whole timeline.
theme	"dark" \| "light""dark" Ships light and dark; picks the palette.

headwordstring
The word being defined.
Default"remocn"
pronunciationstring
Pronunciation line under the headword.
Default"/rem-uh-kun/"
nounLabelstring
Part-of-speech label for the first sense.
Default"noun"
verbLabelstring
Part-of-speech label for the second sense.
Default"verb"
nounSensestring
Definition text for the noun sense.
Default"a set of video scenes you copy into your repo and edit like any other code."
verbSensestring
Definition text for the verb sense.
Default"to make the launch film in the same pull request as the feature."
inflectionsstring[]
Inflected forms shown after the verb sense.
Default["remocns", "remocned", "remocning"]
examplestring
Example sentence using the word as a verb.
Default"We remocned the changelog before lunch."
accentstring
Accent color override; falls back to the theme accent.
backgroundstring
Background color override; falls back to the theme background.
speednumber
Playback speed multiplier for the whole timeline.
Default1
theme"dark" | "light"
Ships light and dark; picks the palette.
Default"dark"