Skip to main content
Home
Anthony Media

Main navigation

  • Home
  • Build a Block

Breadcrumb

  1. Home
  2. Build a Basic Custom Block Component to Use in Layout Builder
  3. Build a "Text with Media" Component
  4. Create the Custom Block Type

Add the Text Field

For the Text field, we'll use a text field that incorporates CKEditor. 

In your custom block, click the Add a field button.

From the Add a new field dropdown, scroll down and select Text (formatted long).

  • Label: Text
add a text field form

Click the Save and continue button.

For field settings, we'll keep the default values:

  • Allowed number of value: Limited / 1

Click the Save field settings button.

On the next form, you can add help text, flag the field as Required, and supply a default value. For now, let's leave these at their default values.

Click the Save settings button.

Done. Next, we'll add the Button.

 

Book traversal links for Add the Text Field

  • Add the Heading
  • Up
  • Add the Button

Book navigation

  • A Common Component Pattern
  • Create a Landing page Content Type
  • Set Up Your Toolkit
  • Build a "Text with Media" Component
    • Create the Heading (h2-h6) component
    • Create a Button
    • Create the Custom Block Type
      • Add the Heading
      • Add the Text Field
      • Add the Button
      • Add the Media selector
  • Theming
Powered by Drupal