Header Field

uifoundry/header-field

FreeComponent

Text Field for Header elements

Live preview

live · rendered by the registry

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

Install it

npx shadcn@latest add https://uifoundry.dev/r/header-field.json

Source

registry/payload/fields/header/config.tsuifoundry.dev/r/header-field.json

1import type { TextField } from "@/registry/default/lib/fields";
2 
3export default function headerField(props?: Partial<TextField>): TextField {
4	return {
5		name: props?.name ?? "header",
6		label: props?.label ?? "Header",
7		defaultValue:
8			props?.defaultValue ?? "Modern Solutions for Customer Engagement",
9		required: props?.required ?? true,
10		...props,
11		type: "text",
12	} as TextField;
13}

What it pulls in

npm packages

react
next

Other registry items

@uifoundry/field-types

Files it writes

registry/payload/fields/header/config.ts

More from uifoundry

All 54 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Animated Groupanimated-group	uifoundry	Components	Free	2 deps
Buttonbutton	uifoundry	Components	Free	3 deps
Call To Action Pair Fieldcall-to-action-pair-field	uifoundry	Components	Free	3 deps
Cardcard	uifoundry	Components	Free	1 dep
Description Fielddescription-field	uifoundry	Components	Free	2 deps
Flickering Gridflickering-grid	uifoundry	Components	Free	1 dep
Icon Componenticon	uifoundry	Components	Free	2 deps
Render Blocksrenderblocks	uifoundry	Components	Free	2 deps