Built-in fields
Stay organized with collections
Save and categorize content based on your preferences.
Blockly provides a number of prebuilt fields that you can use when defining a
block. There are also a number of fields available as
plugins.
Built-in fields:
Plugin fields:
For a full list of plugin fields, see Blockly Plugins & Demos.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-05-23 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-05-23 UTC."],[[["\u003cp\u003eBlockly offers a variety of pre-built fields for defining custom blocks, including checkboxes, dropdowns, images, and text inputs.\u003c/p\u003e\n"],["\u003cp\u003eThese fields simplify block creation by providing ready-made input elements for various data types.\u003c/p\u003e\n"],["\u003cp\u003eIn addition to built-in fields, Blockly supports plugin fields like angle pickers, color pickers, and date selectors, extending its functionality.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can access a comprehensive list of plugin fields and their usage on the Blockly demo page.\u003c/p\u003e\n"]]],["Blockly offers prebuilt fields for defining blocks, categorized as built-in or plugin fields. Built-in fields include Checkbox, Dropdown, Image, Label, Serializable label, Number, Text input, and Variables. Plugin fields expand options with Angle picker, Bitmap, Colour picker, Date, Dropdown grid, Dependent dropdown, Multiline text input, and Number slider. A complete list of plugin fields can be found on the demo page.\n"],null,["Blockly provides a number of prebuilt fields that you can use when defining a\nblock. There are also a number of fields available as\n[plugins](/blockly/guides/programming/plugin_overview).\n\nBuilt-in fields:\n\n- [Checkbox](/blockly/guides/create-custom-blocks/fields/built-in-fields/checkbox)\n- [Dropdown](/blockly/guides/create-custom-blocks/fields/built-in-fields/dropdown)\n- [Image](/blockly/guides/create-custom-blocks/fields/built-in-fields/image)\n- [Label](/blockly/guides/create-custom-blocks/fields/built-in-fields/label)\n- [Serializable label](/blockly/guides/create-custom-blocks/fields/built-in-fields/label-serializable)\n- [Number](/blockly/guides/create-custom-blocks/fields/built-in-fields/number)\n- [Text input](/blockly/guides/create-custom-blocks/fields/built-in-fields/text-input)\n- [Variables](/blockly/guides/create-custom-blocks/fields/built-in-fields/variable)\n\nPlugin fields:\n\n- [Angle picker](https://www.npmjs.com/package/@blockly/field-angle)\n- [Bitmap](https://www.npmjs.com/package/@blockly/field-bitmap)\n- [Colour picker](https://www.npmjs.com/package/@blockly/field-colour)\n- [Colour picker with HSV sliders](https://www.npmjs.com/package/@blockly/field-colour-hsv-sliders)\n- [Date](https://www.npmjs.com/package/@blockly/field-date)\n- [Dropdown grid](https://www.npmjs.com/package/@blockly/field-grid-dropdown)\n- [Dependent dropdown](https://www.npmjs.com/package/@blockly/field-dependent-dropdown)\n- [Multiline text input](https://www.npmjs.com/package/@blockly/field-multilineinput)\n- [Number slider](https://www.npmjs.com/package/@blockly/field-slider)\n\nFor a full list of plugin fields, see [Blockly Plugins \\& Demos](https://google.github.io/blockly-samples/#fields)."]]
