March Free Workshops: Astro by Elian Van Cutsem March 28th | React Bricks by Matteo Frana April 3rd
Live Demo 🔥
React BricksReact Bricks logo
WhyWhy React BricksFeaturesFeaturesCustomersCustomersDevelopersDevelopersPricingPricingResourcesResources
Contact salesGet started
0
points
Tweet|90 points to prize
  • Welcome

    • What's React Bricks

    • Sign up
  • Create a React Bricks App

    • Set up with the CLI

    • Start me up

    • The admin interface

    • Edit content
  • Create your Bricks

    • Create a new brick

    • Visual edit Text

    • Rich Text

    • Link

    • Images

    • Sidebar controls

    • Sidebar controls (advanced)

    • File download
  • Nested bricks

    • A gallery of thumbnails
  • Deploy site

    • Create a Git repo

    • Deploy on Vercel

    • Deploy on Netlify
  • Content editors

    • Invite editors
  • Get prize
    Lessons
    • Welcome

      • What's React Bricks

      • Sign up
    • Create a React Bricks App

      • Set up with the CLI

      • Start me up

      • The admin interface

      • Edit content
    • Create your Bricks

      • Create a new brick

      • Visual edit Text

      • Rich Text

      • Link

      • Images

      • Sidebar controls

      • Sidebar controls (advanced)

      • File download
    • Nested bricks

      • A gallery of thumbnails
    • Deploy site

      • Create a Git repo

      • Deploy on Vercel

      • Deploy on Netlify
    • Content editors

      • Invite editors
    • Get prize
      0 points
      Tweet|90 points to prize

      Nested bricks

      In this section, you'll learn how to create a set of repeating bricks within another brick, such as a gallery of images or buttons inside a hero unit.

      React Bricks supports infinite nesting of bricks.

      Since our Thumbnail component is already available, we'll create a Gallery that will contain a title and a set of Thumbnails. Let's get started!

      Docs reference
      » Nested blocks overview
      « PrevNext »
      Product
      • Why React Bricks
      • Features
      • Customers
      • Pricing
      • Blog
      • Login
      • Sign up
      Docs & Help
      • Documentation
      • Learn
      • Changelog
      • FAQ
      • Videos
      • Brand Guidelines
      • System status
      Use Cases
      • Use cases
      • Customers
      • React Bricks for Marketing teams
      • React Bricks for Developers
      • React Bricks for Enterprise
      • React Bricks for E-commerce
      • CMS for Next.js
      • CMS for Remix
      Comparisons
      • All comparisons
      • React Bricks vs Headless CMSs
      • Headless CMS vs Website Builder
      • React Bricks vs Webflow
      • React Bricks vs Builder.io
      • React Bricks vs Prismic
      • React Bricks vs Plasmic
      • React Bricks vs Tina CMS
      Get in touch
      • Contact sales
      • Request a demo
      • Become our partner
      • Email support
      • Discord server
      • Slack channel

      React Bricks icon
      © 2024 F2 .net engineering srl. All rights reserved.
      • Terms & Conditions
      • ·
      • Privacy
      • ·
      • Code of conduct