Field Library

Explore every Kavro field type with supported attributes, value shapes, and context examples.

Supported Fields

This page lists all public field type slugs. See each dedicated file for attributes and examples.

Advanced / Application Fields

Basic Inputs

  • copy — Copy-to-clipboard field.
  • date — Modern date picker field.
  • datetime — Combined date and time picker.
  • email — Email address input.
  • hidden — Hidden input for internal values.
  • month — Month picker input.
  • number — Numeric input.
  • password — Password/secret input.
  • range — Slider/range input.
  • readonly — Readonly display/input field.
  • slider — Alias of range slider input.
  • spinner — Compact numeric spinner input.
  • tel — Telephone input.
  • text — Single-line text input for names, labels, IDs, and simple strings.
  • textarea — Multi-line plain text input for notes and longer unformatted text.
  • time — Modern time picker field.
  • unit — Numeric value with measurement unit.
  • url — URL input.
  • week — Week picker input.

Choice & UI Controls

  • ajax_select — AJAX/searchable select field.
  • button_set — Single-choice segmented button control.
  • checkbox — Single boolean checkbox.
  • checklist — Checklist control.
  • enhanced_select — Alias of Select2-style enhanced select.
  • icon — Icon picker.
  • image_select — Image-based choice selector.
  • matrix — Matrix/grid choice control.
  • multicheck — Multiple checkbox choices.
  • palette — Color palette choice selector.
  • progress — Progress percentage/value field.
  • radio — Single-choice radio list.
  • rating — Star rating field.
  • select — Dropdown select field with optional multiple/select2 behavior.
  • select2 — Searchable Select2-style dropdown for larger option lists.
  • sortable — Sortable option list.
  • sorter — Enabled/disabled sorter control.
  • switcher — Premium on/off switch for boolean values.
  • toggle — Alternative toggle control for boolean values.

Complex & Builder Fields

Content & Editor Fields

  • code — Code textarea/editor field.
  • code_editor_advanced — Advanced code editor field.
  • content — Static content block inside a settings page.
  • css_editor — CSS editor alias.
  • divider — Visual divider between fields.
  • heading — Large section heading.
  • html — Static HTML output field.
  • js_editor — JavaScript editor alias.
  • json — JSON input/editor field.
  • notice — Styled notice/callout field.
  • subheading — Smaller section heading.
  • wp_editor — Alias of WYSIWYG editor field.
  • wysiwyg — WordPress editor field.

Design Controls

Media & Embeds

Other Fields

  • button — Action/link button display.

WordPress Data Fields

Context examples

Each dedicated field file under docs/fields/ includes example code for Options, Metabox, Customizer, Taxonomy, Profile/User, Nav Menu, Widget, Comment, and Shortcode usage. Use those files as the source of truth for full field configuration examples.

All Field Pages

Accordion

Field type: accordion Renderer class: Accordion Aliases using the same renderer: None

Field details →

Ajax Select

Field type: ajaxselect Renderer class: AjaxSelect Aliases using the same renderer: None

Field details →

Api Credentials

Field type: apicredentials Renderer class: ApiCredentials Aliases using the same renderer: None

Field details →

Audio Upload

Field type: audioupload Renderer class: FileUpload Aliases using the same renderer: fileupload, videoupload

Field details →

Background

Field type: background Renderer class: Background Aliases using the same renderer: None

Field details →

Backup

Field type: backup Renderer class: Backup Aliases using the same renderer: None

Field details →

Border

Field type: border Renderer class: Border Aliases using the same renderer: None

Field details →

Border Radius

Field type: borderradius Renderer class: BorderRadius Aliases using the same renderer: None

Field details →

Box Model

Field type: boxmodel Renderer class: BoxModel Aliases using the same renderer: None

Field details →

Box Shadow

Field type: boxshadow Renderer class: BoxShadow Aliases using the same renderer: None

Field details →

Business Hours

Field type: businesshours Renderer class: BusinessHours Aliases using the same renderer: None

Field details →

Button

Field type: button Renderer class: Button Aliases using the same renderer: None

Field details →

Button Set

Field type: buttonset Renderer class: ButtonSet Aliases using the same renderer: None

Field details →

Cache Control

Field type: cachecontrol Renderer class: CacheControl Aliases using the same renderer: None

Field details →

Capability Select

Field type: capabilityselect Renderer class: CapabilitySelect Aliases using the same renderer: None

Field details →

Changelog

Field type: changelog Renderer class: Changelog Aliases using the same renderer: None

Field details →

Checkbox

Field type: checkbox Renderer class: Checkbox Aliases using the same renderer: None

Field details →

Checklist

Field type: checklist Renderer class: Checklist Aliases using the same renderer: None

Field details →

Cloneable

Field type: cloneable Renderer class: Cloneable Aliases using the same renderer: None

Field details →

Code

Field type: code Renderer class: Code Aliases using the same renderer: None

Field details →

Code Editor Advanced

Field type: codeeditoradvanced Renderer class: AdvancedCode Aliases using the same renderer: csseditor, jseditor

Field details →

Color

Field type: color Renderer class: Color Aliases using the same renderer: None

Field details →

Color Group

Field type: colorgroup Renderer class: ColorGroup Aliases using the same renderer: None

Field details →

Color Picker Alpha

Field type: colorpickeralpha Renderer class: ColorAlpha Aliases using the same renderer: None

Field details →

Conditional Group

Field type: conditionalgroup Renderer class: ConditionalGroup Aliases using the same renderer: None

Field details →

Content

Field type: content Renderer class: Content Aliases using the same renderer: None

Field details →

Copy

Field type: copy Renderer class: Copy Aliases using the same renderer: None

Field details →

Cpt Select

Field type: cptselect Renderer class: WPContent Aliases using the same renderer: pageselect, postautocomplete, postcheckbox, postradio, postrelation, postselect

Field details →

Cron Schedule

Field type: cronschedule Renderer class: CronSchedule Aliases using the same renderer: None

Field details →

Css Builder

Field type: cssbuilder Renderer class: CssBuilder Aliases using the same renderer: None

Field details →

Css Editor

Field type: csseditor Renderer class: AdvancedCode Aliases using the same renderer: codeeditoradvanced, jseditor

Field details →

Custom

Field type: custom Renderer class: Custom Aliases using the same renderer: None

Field details →

Date

Field type: date Renderer class: Date Aliases using the same renderer: None

Field details →

Datetime

Field type: datetime Renderer class: DateTime Aliases using the same renderer: None

Field details →

Device Preview

Field type: devicepreview Renderer class: DevicePreview Aliases using the same renderer: None

Field details →

Dimensions

Field type: dimensions Renderer class: Dimensions Aliases using the same renderer: None

Field details →

Dimensions Advanced

Field type: dimensionsadvanced Renderer class: DimensionsAdvanced Aliases using the same renderer: None

Field details →

Divider

Field type: divider Renderer class: Divider Aliases using the same renderer: None

Field details →

Dynamic Tags

Field type: dynamictags Renderer class: DynamicTags Aliases using the same renderer: None

Field details →

Email

Field type: email Renderer class: Email Aliases using the same renderer: None

Field details →

Email Template

Field type: emailtemplate Renderer class: EmailTemplate Aliases using the same renderer: None

Field details →

Embed

Field type: embed Renderer class: Embed Aliases using the same renderer: None

Field details →

Enhanced Select

Field type: enhancedselect Renderer class: Select Aliases using the same renderer: select, select2

Field details →

Environment Select

Field type: environmentselect Renderer class: EnvironmentSelect Aliases using the same renderer: None

Field details →

Feature Flags

Field type: featureflags Renderer class: FeatureFlags Aliases using the same renderer: None

Field details →

Fieldset

Field type: fieldset Renderer class: Fieldset Aliases using the same renderer: None

Field details →

File Upload

Field type: fileupload Renderer class: FileUpload Aliases using the same renderer: audioupload, videoupload

Field details →

Form Builder

Field type: formbuilder Renderer class: FormBuilder Aliases using the same renderer: None

Field details →

Gallery

Field type: gallery Renderer class: Gallery Aliases using the same renderer: None

Field details →

Google Fonts

Field type: googlefonts Renderer class: GoogleFonts Aliases using the same renderer: None

Field details →

Gradient

Field type: gradient Renderer class: Gradient Aliases using the same renderer: None

Field details →

Group

Field type: group Renderer class: Group Aliases using the same renderer: None

Field details →

Heading

Field type: heading Renderer class: Heading Aliases using the same renderer: None

Field details →

Health Check

Field type: healthcheck Renderer class: HealthCheck Aliases using the same renderer: None

Field details →

Hidden

Field type: hidden Renderer class: Hidden Aliases using the same renderer: None

Field details →

Html

Field type: html Renderer class: Html Aliases using the same renderer: None

Field details →

Icon

Field type: icon Renderer class: Icon Aliases using the same renderer: None

Field details →

Image

Field type: image Renderer class: Image Aliases using the same renderer: None

Field details →

Image Select

Field type: imageselect Renderer class: ImageSelect Aliases using the same renderer: None

Field details →

Js Editor

Field type: jseditor Renderer class: AdvancedCode Aliases using the same renderer: codeeditoradvanced, csseditor

Field details →

Json

Field type: json Renderer class: Json Aliases using the same renderer: None

Field details →

Key Value

Field type: keyvalue Renderer class: KeyValue Aliases using the same renderer: None

Field details →

Layout Builder

Field type: layoutbuilder Renderer class: LayoutBuilder Aliases using the same renderer: None

Field details →

License Key

Field type: licensekey Renderer class: LicenseKey Aliases using the same renderer: None

Field details →

Link

Field type: link Renderer class: Link Aliases using the same renderer: None

Field details →

Link Color

Field type: linkcolor Renderer class: LinkColor Aliases using the same renderer: None

Field details →

Link Group

Field type: linkgroup Renderer class: LinkGroup Aliases using the same renderer: None

Field details →

Log Viewer

Field type: logviewer Renderer class: LogViewer Aliases using the same renderer: None

Field details →

Map

Field type: map Renderer class: Map Aliases using the same renderer: None

Field details →

Matrix

Field type: matrix Renderer class: Matrix Aliases using the same renderer: None

Field details →

Media

Field type: media Renderer class: Media Aliases using the same renderer: None

Field details →

Menu Builder

Field type: menubuilder Renderer class: MenuBuilder Aliases using the same renderer: None

Field details →

Menu Select

Field type: menuselect Renderer class: WPSystem Aliases using the same renderer: roleselect, sidebarselect, templateselect, userselect

Field details →

Month

Field type: month Renderer class: Month Aliases using the same renderer: None

Field details →

Multicheck

Field type: multicheck Renderer class: Multicheck Aliases using the same renderer: None

Field details →

Notice

Field type: notice Renderer class: Notice Aliases using the same renderer: None

Field details →

Notification Channels

Field type: notificationchannels Renderer class: NotificationChannels Aliases using the same renderer: None

Field details →

Number

Field type: number Renderer class: Number Aliases using the same renderer: None

Field details →

Oembed

Field type: oembed Renderer class: Oembed Aliases using the same renderer: None

Field details →

Onboarding Steps

Field type: onboardingsteps Renderer class: OnboardingSteps Aliases using the same renderer: None

Field details →

Open Graph

Field type: opengraph Renderer class: OpenGraph Aliases using the same renderer: None

Field details →

Page Select

Field type: pageselect Renderer class: WPContent Aliases using the same renderer: cptselect, postautocomplete, postcheckbox, postradio, postrelation, postselect

Field details →

Palette

Field type: palette Renderer class: Palette Aliases using the same renderer: None

Field details →

Password

Field type: password Renderer class: Password Aliases using the same renderer: None

Field details →

Permission Matrix

Field type: permissionmatrix Renderer class: PermissionMatrix Aliases using the same renderer: None

Field details →

Post Autocomplete

Field type: postautocomplete Renderer class: WPContent Aliases using the same renderer: cptselect, pageselect, postcheckbox, postradio, postrelation, postselect

Field details →

Post Checkbox

Field type: postcheckbox Renderer class: WPContent Aliases using the same renderer: cptselect, pageselect, postautocomplete, postradio, postrelation, postselect

Field details →

Post Radio

Field type: postradio Renderer class: WPContent Aliases using the same renderer: cptselect, pageselect, postautocomplete, postcheckbox, postrelation, postselect

Field details →

Post Relation

Field type: postrelation Renderer class: WPContent Aliases using the same renderer: cptselect, pageselect, postautocomplete, postcheckbox, postradio, postselect

Field details →

Post Select

Field type: postselect Renderer class: WPContent Aliases using the same renderer: cptselect, pageselect, postautocomplete, postcheckbox, postradio, postrelation

Field details →

Progress

Field type: progress Renderer class: Progress Aliases using the same renderer: None

Field details →

Query Builder

Field type: querybuilder Renderer class: QueryBuilder Aliases using the same renderer: None

Field details →

Radio

Field type: radio Renderer class: Radio Aliases using the same renderer: None

Field details →

Range

Field type: range Renderer class: Range Aliases using the same renderer: slider

Field details →

Rate Limit

Field type: ratelimit Renderer class: RateLimit Aliases using the same renderer: None

Field details →

Rating

Field type: rating Renderer class: Rating Aliases using the same renderer: None

Field details →

Readonly

Field type: readonly Renderer class: Readonly Aliases using the same renderer: None

Field details →

Redirect Rules

Field type: redirectrules Renderer class: RedirectRules Aliases using the same renderer: None

Field details →

Repeater

Field type: repeater Renderer class: Repeater Aliases using the same renderer: None

Field details →

Repeater Nested

Field type: repeaternested Renderer class: RepeaterNested Aliases using the same renderer: None

Field details →

Responsive Value

Field type: responsivevalue Renderer class: Responsive Aliases using the same renderer: None

Field details →

Rest Endpoint

Field type: restendpoint Renderer class: RestEndpoint Aliases using the same renderer: None

Field details →

Role Select

Field type: roleselect Renderer class: WPSystem Aliases using the same renderer: menuselect, sidebarselect, templateselect, userselect

Field details →

Schema Markup

Field type: schemamarkup Renderer class: SchemaMarkup Aliases using the same renderer: None

Field details →

Select

Field type: select Renderer class: Select Aliases using the same renderer: enhancedselect, select2

Field details →

Select2

Field type: select2 Renderer class: Select Aliases using the same renderer: enhancedselect, select

Field details →

Seo Preview

Field type: seopreview Renderer class: SeoPreview Aliases using the same renderer: None

Field details →

Shortcode Builder

Field type: shortcodebuilder Renderer class: ShortcodeBuilder Aliases using the same renderer: None

Field details →

Sidebar Select

Field type: sidebarselect Renderer class: WPSystem Aliases using the same renderer: menuselect, roleselect, templateselect, userselect

Field details →

Slider

Field type: slider Renderer class: Range Aliases using the same renderer: range

Field details →

Social Links

Field type: sociallinks Renderer class: SocialLinks Aliases using the same renderer: None

Field details →

Sortable

Field type: sortable Renderer class: Sortable Aliases using the same renderer: None

Field details →

Sorter

Field type: sorter Renderer class: Sorter Aliases using the same renderer: None

Field details →

Spacing

Field type: spacing Renderer class: Spacing Aliases using the same renderer: None

Field details →

Spacing Advanced

Field type: spacingadvanced Renderer class: SpacingAdvanced Aliases using the same renderer: None

Field details →

Spinner

Field type: spinner Renderer class: Spinner Aliases using the same renderer: None

Field details →

Subheading

Field type: subheading Renderer class: Subheading Aliases using the same renderer: None

Field details →

Switcher

Field type: switcher Renderer class: Switcher Aliases using the same renderer: None

Field details →

System Info

Field type: systeminfo Renderer class: SystemInfo Aliases using the same renderer: None

Field details →

Tabbed

Field type: tabbed Renderer class: Tabbed Aliases using the same renderer: None

Field details →

Table

Field type: table Renderer class: Table Aliases using the same renderer: None

Field details →

Taxonomy Checkbox

Field type: taxonomycheckbox Renderer class: WPTaxonomy Aliases using the same renderer: taxonomyradio, taxonomyselect, termrelation

Field details →

Taxonomy Radio

Field type: taxonomyradio Renderer class: WPTaxonomy Aliases using the same renderer: taxonomycheckbox, taxonomyselect, termrelation

Field details →

Taxonomy Select

Field type: taxonomyselect Renderer class: WPTaxonomy Aliases using the same renderer: taxonomycheckbox, taxonomyradio, termrelation

Field details →

Tel

Field type: tel Renderer class: Tel Aliases using the same renderer: None

Field details →

Template Select

Field type: templateselect Renderer class: WPSystem Aliases using the same renderer: menuselect, roleselect, sidebarselect, userselect

Field details →

Term Relation

Field type: termrelation Renderer class: WPTaxonomy Aliases using the same renderer: taxonomycheckbox, taxonomyradio, taxonomyselect

Field details →

Text

Field type: text Renderer class: Text Aliases using the same renderer: None

Field details →

Text List

Field type: textlist Renderer class: TextList Aliases using the same renderer: None

Field details →

Textarea

Field type: textarea Renderer class: Textarea Aliases using the same renderer: None

Field details →

Time

Field type: time Renderer class: Time Aliases using the same renderer: None

Field details →

Timeline

Field type: timeline Renderer class: Timeline Aliases using the same renderer: None

Field details →

Toggle

Field type: toggle Renderer class: Toggle Aliases using the same renderer: None

Field details →

Typography

Field type: typography Renderer class: Typography Aliases using the same renderer: None

Field details →

Typography Advanced

Field type: typographyadvanced Renderer class: TypographyAdvanced Aliases using the same renderer: None

Field details →

Unit

Field type: unit Renderer class: Unit Aliases using the same renderer: None

Field details →

Upload

Field type: upload Renderer class: Upload Aliases using the same renderer: None

Field details →

Url

Field type: url Renderer class: Url Aliases using the same renderer: None

Field details →

User Select

Field type: userselect Renderer class: WPSystem Aliases using the same renderer: menuselect, roleselect, sidebarselect, templateselect

Field details →

Video Upload

Field type: videoupload Renderer class: FileUpload Aliases using the same renderer: audioupload, fileupload

Field details →

Webhook

Field type: webhook Renderer class: Webhook Aliases using the same renderer: None

Field details →

Week

Field type: week Renderer class: Week Aliases using the same renderer: None

Field details →

Wp Editor

Field type: wpeditor Renderer class: Wysiwyg Aliases using the same renderer: wysiwyg

Field details →

Wysiwyg

Field type: wysiwyg Renderer class: Wysiwyg Aliases using the same renderer: wpeditor

Field details →