• Blockly
Home Guides Reference Samples Support Publications
  • Blockly
  • Home
  • Guides
  • Reference
  • Samples
  • Support
  • Publications
  • Overview
  • Get Started
  • Configure Blockly
    • Injection Options
    • Fixed Size Workspace
    • Resizable Workspace
    • Add Custom Blocks
    • Toolbox
    • Code Generators
    • Grid
    • Zoom
    • Events
    • Cloud Storage
    • Themes
    • Keyboard Navigation
    • Move
    • Translations
    • Context Menus
  • Create Custom Blocks
    • Overview
    • Blockly Developer Tools
    • Define Blocks
    • Block Colour
    • Localize Blocks
    • Generating Code
    • Block Paradigms
    • Style Guide
    • Operator Precedence
    • Caching Arguments
    • Type Checks
    • Extensions and Mutators
    • Variables
    • Fields
      • Overview
      • Anatomy of a Field
      • Validators
      • Built-in Fields
        • Overview
        • Angle
        • Checkbox
        • Colour
        • Date
        • Dropdown
        • Image
        • Label
        • Label (Serializable)
        • Number
        • Text Input
        • Variable
      • Customizing Fields
        • Overview
        • Creating a Custom Field
        • Extending an Existing Field
        • Upgrading a Custom Field
  • Application Integration
    • Best Practices
    • Generating and Running JavaScript
    • Attributing Blockly
  • Modify Blockly
    • Contributing
      • Overview
      • Writing a Good Issue
      • Writing a Good PR
      • The Code Review Process
      • Writing a Codelab
      • Adding a Plugin
    • Development Setup
    • Forking Blockly
    • Building
    • Advanced Compilation
    • Translating
    • Unit Testing
    • Style Guide
  • Plugins
    • Overview
    • Using Blockly APIs
    • Debugging
    • Naming Conventions
    • Interfaces
      • Overview
      • Connection Checker
  • Home
  • Products
  • Google for Education
  • Blockly
  • Guides

Built-in fields

Blockly comes packaged with a number of pre-built fields that you can use when defining a block:

  • Angle picker
  • Checkbox
  • Colour picker
  • Date picker
  • Dropdown
  • Image
  • Label
  • Serializable label
  • Number
  • Text input
  • Multiline text input
  • Variables

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 2020-11-17 UTC.

  • Connect

    • Blog
    • Facebook
    • Medium
    • Twitter
    • YouTube
  • Programs

    • Women Techmakers
    • Google Developer Groups
    • Google Developers Experts
    • Accelerators
    • Developer Student Clubs
  • Developer consoles

    • Google API Console
    • Google Cloud Platform Console
    • Google Play Console
    • Firebase Console
    • Actions on Google Console
    • Cast SDK Developer Console
    • Chrome Web Store Dashboard
Google Developers
  • Android
  • Chrome
  • Firebase
  • Google Cloud Platform
  • All products
  • Terms
  • Privacy
  • Sign up for the Google Developers newsletter Subscribe