Skip to content
KeystoneJS LogoKeystoneJS
👋🏻 Keystone 5 has officially moved to maintenance only. For the latest release of Keystone please visit the Keystone website.

Fields

This is the last active development release of this package as Keystone 5 is now in a 6 to 12 month active maintenance phase. For more information please read our Keystone 5 and beyond post.

Keystone contains a set of primitive fields types that can be imported from the @keystonejs/fields package:

Field typeDescription
CalendarDayAn abstract "day" value; useful for Birthdays and other all-day events always celebrated in the local time zone
CheckboxA single Boolean value
DateTimeA point in time and a time zone offset
DateTimeUtcRepresents points in time, stored in UTC
DecimalExact, numeric values in base-10; useful for currency, etc.
FileFiles backed various storage mediums: local filesystem, cloud based hosting, etc.
FloatAn imprecise numeric value, stored as a floating point
IntegerA whole number
PasswordA bcrypt hash of the value supplied; used by the Password auth strategy
RelationshipA link between the current list and others, often paired with a field on the other list
SelectOne of several predefined string values, presented as a dropdown
SlugGenerate unique slugs (aka. keys, url segments) based on the item's data
TextA basic but versatile text field of arbitrary length
UrlExtends the Text type to store HTTP URLs
UuidUniversally Unique Identifiers (UUIDs); useful for id fields
VirtualRead-only field with a developer-defined resolver, executed on read

In addition to these, some complex types are packaged separately:

Field typeDescription
ContentBlock-based content for composing rich text such as blog posts, wikis, and even complete pages
AuthedRelationshipExtendes the Relationship type; automatically set to the currently authenticated item during a create mutation
AutoIncrementAn automatically incrementing integer; the default type for id fields when using the Knex DB adapter
MarkdownMarkdown content; based on the Text type and using the CodeMirror editor in the Admin UI
MongoIdArbitrary Mongo ObjectId values; the default type for id fields when using the Mongoose DB adapter
WysiwygRich text content; based on the Text type and using the TinyMCE editor in the Admin UI
LocationGoogleData from the Google Maps API
ColorHexidecimal RGBA color values; uses a color picker in the Admin UI
OEmbedData in the oEmbed format; allowing an embedded representation of a URL on third party sites
CloudinaryImageAllows uploading images to the Cloudinary image hosting service
UnsplashMeta data from the Unsplash API and generates URLs to dynamically transformed images

Tip: Need something else? Keystone lets you create custom field types to support almost any use case.

Usage

Fields definitions are provided when creating a list. Field definitions should be an object where the key is the field name and the value is an object containing the fields config:

JS
const { Text } = require('@keystonejs/fields');

keystone.createList('Post', {
  fields: {
    title: { type: Text },
  },
});

Config

Fields share some standard configuration options.

OptionTypeDefaultDescription
typeFieldType(required)
adminDocStringfalseA description for the field used in the AdminUI.
schemaDocStringfalseA description for the field used in the GraphQL schema.
defaultValueAny | FunctionundefinedA valid default value for the field type. Functions must return a valid value. Use undefined to set no default, and null to set an empty default.
isUniqueBooleanfalseWhether or not the field should be unique.
isRequiredBooleanfalseWhether or not the field should be mandatory.
accessBoolean | Function | ObjecttrueSee: Access control options for fields.
labelStringLabel for the field.
adminConfigObject{}Additional config which can be used when customizing admin-ui

Note: Many field types have additional config options. See the documentation for individual field types for more detail.

type

A valid Keystone field type.

label

Sets the label for the field in the AdminUI

adminDoc

A description of the field used in the AdminUI.

schemaDoc

A description of the field used used in the GraphQL schema.

adminConfig

Additional field configs affecting field rendering or display in admin-ui.

adminConfig.isReadOnly

Fields with isReadOnly set to true will be disabled preventing users from modifying them in the Admin UI. This does not affect access control and fields can still be updated via GraphQL.

JS
keystone.createList('Post', {
  fields: {
    title: { type: Text },
    slug: {
      type: Slug,
      adminConfig: {
        isReadOnly: true, //slug can be created automatically and you may want to show this as read only
      },
    },
  },
});

defaultValue

Sets the value when no data is provided.

JS
keystone.createList('Post', {
  fields: {
    title: {
      type: Text,
      defaultValue: ({ context, originalInput }) => {
        /**/
      },
    },
    description: { type: Text, defaultValue: 'Lorem ipsum...' },
  },
});

For a 'nullable' field, set defaultValue: null.

The defaultValue can be a String or Function. Functions should returns the value, or a Promise for the value.

isUnique

Specifies whether the value should be unique or not. Will return an error is a user tries to create a field with a non-unique value.

isRequired

Specifies whether the field is required or not. Will return an error if mutations do not contain data.

access

Access control options for fields.

Options for create, read, update and delete - can be a function or Boolean. See the access control API documentation for more details.

Note: Field level access control does not accept graphQL where clauses.

cacheHint

HTTP cache hint for field.

Only static hints are supported for fields.

On this page

Edit on GitHub