Types

octane/types

FreeUtility

Host-element prop bases shared by the components.

Live preview

live · rendered by the registry

Rendered by octane on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/octanejs/octane/main/packages/shadcn/registry/types.json

Source

lib/types.tsraw.githubusercontent.com/octanejs/octane/main/packages/shadcn/registry/types.json

1// Host-element prop bases for the ported components. Octane exposes the same
2// per-tag prop tables React does (`JSX.IntrinsicElements`), so a component that
3// spreads onto a `<button>` types its rest props as that tag's real props —
4// misspellings and wrong-typed handlers are caught at the call site.
5import type { JSX } from 'octane/jsx-runtime';
6 
7export type HostProps<T extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[T];
8 
9/** Props for a component whose host is a `<div>` (the common wrapper shape). */
10export type DivProps = HostProps<'div'>;

Files it writes

lib/types.ts

More from octane

All 44 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs	Command
Theme tokenstheme	octane	Utilities	Free	no deps
Utilsutils	octane	Utilities	Free	2 deps