• Blockly
Sign in
Home Guides Reference Samples Get Help Summits Publications
  • Blockly
  • Home
  • Guides
  • Reference
  • Samples
  • Get Help
  • Summits
  • Publications
  • Overview
  • Get Started
  • Configure Blockly
    • Injection Options
      • Configuration Struct
      • Grid
      • Move
      • Zoom
    • Fixed Size Workspace
    • Resizable Workspace
    • Toolbox
    • Code Generators
    • Events
    • Serialization
    • Cloud Storage
    • Themes
    • Keyboard Navigation
    • Translations
    • Context Menus
    • Add Custom Blocks
  • 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
        • 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
      • Style Guide
      • Commit Message Guide
      • The Code Review Process
      • Writing a Codelab
      • Adding a Plugin
      • Issue Labels
      • Blockly-samples Repository Structure
    • Playground
    • Development Setup
    • Forking Blockly
    • Building
    • Advanced Compilation
    • Translating
    • Unit Testing
  • Plugins
    • Overview
    • Using Blockly APIs
    • Debugging
    • Naming Conventions
    • Interfaces
      • Overview
      • Connection Checker
      • Metrics Manager
See the 2022 Blockly Developer Summit site here.
  • 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
    • Google 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