Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

  • Documentation
    Documentation
  • Support
    Support
  • Contact
    Contact
  • Log in
    Log in
    • Why Gatsby

      • Why Gatsby

        Why Gatsby

        See why the best frontend teams choose Gatsby

      • How It Works

        How It Works

        Learn how Gatsby works on the inside

      • Who Uses Gatsby

        Who Uses Gatsby

        See how our customers use Gatsby

      • Use Cases

        Use Cases

        Explore the many ways to use Gatsby

          • By Industry

            • Software & SaaS
            • Finance & Insurance
            • E-commerce
            • Content & Media
          • By Technology

            • WordPress
            • Contentful
            • Drupal
            • Shopify
          • By User

            • Developers
            • Marketers
            • Content Creators
            • Engineering Leaders
    • Products

      • Gatsby Cloud

        Gatsby Cloud

        The end-to-end platform for optimal Gatsby experiences

            • Builds
            • Preview
            • Hosting
            • Functions
            • Integrations
            • Pricing
      • Gatsby Concierge

        Gatsby Concierge

        Expert assistance for optimizing Gatsby websites and applications

            • Performance Audits
            • Build Audits
            • Onboarding
            • Migrations
    • Open Source

      • Say hello to Gatsby 4

        Say hello to Gatsby 4

        Check out the all-new Gatsby with SSR, DSG and more

      • Documentation

        Documentation

        Start building with Gatsby and its ecosystem

            • Quick Start
            • Tutorial
            • How-To Guides
            • Reference Guides
            • Conceptual Guides
      • Gatsby Plugins

        Gatsby Plugins

        A rich ecosystem of 2500+ ready solutions and integrations

            • WordPress
            • Contentful
            • Shopify
            • Algolia
            • Google Analytics
            • Segment
      • Starters

        Starters

        Get up and running with premade templates

      • Themes

        Themes

        Gain centralized control over web projects

      • Contributing

        Contributing

        Contribute to the Gatsby project

    • Learn

      • GatsbyCamp - Fall 21

        GatsbyCamp - Fall 21

        Join us on September 16th

      • Community Showcase

        Community Showcase

        Check out what the community is building

      • Webinars

        Webinars

        Learn more with live or on-demand webinars

          • Latest webinars

            • Achieving the Optimal Gatsby Experience by Hosting in Gatsby Cloud
            • Learn How Gatsby Can Supercharge Your WordPress Website
      • Blog

        Blog

        Read the latest musings from Gatsby

      • Community

        Community

        Explore and interact with our community

            • Twitter
            • Twitch
            • Discord
            • YouTube
    • Company

      • About Us

        About Us

        Meet the team and learn about our story

      • Partners

        Partners

        Grow with Gatsby and accelerate your business

            • Agency Partners
            • Tech Partners
      • Careers

        Careers

    • Get Started
      Get Started
John Otander

John Otander

Building things at Gatsby. Writing things at johno.com.

@4lpine

Extending Shadowed Components

Extending components when using Component Shadowing can be a powerful pattern for making small changes.

John OtanderJohn Otander • July 2nd, 2019

#
themes

What is Component Shadowing?

Gatsby Themes introduce a concept called Component Shadowing. This feature allows users to override a component in order to customize its rendering.

John OtanderJohn Otander • April 29th, 2019

#
themes

Gatsby is powered by the amazing Gatsby
community and Gatsby, the company.

  • Gatsby Github
  • Gatsby Twitter
  • Gatsby Discord
  • Gatsby Instagram
  • Gatsby Youtube
  • Gatsby Twitch
  • Gatsby LinkedIn
    • Documentation
    • Quick Start
    • Tutorial
    • How-To Guides
    • Reference Guides
    • Conceptual Guides
    • Gatsby CLI
    • Github
    • Why Gatsby Cloud?
    • Support
    • Integrations
    • Guides
    • Pricing
    • Log in
    • Comparison
    • Plugins
    • Themes
    • Recipes
    • Starters
    • Use Cases
    • Contributing
    • Swag Store
    • Code of Conduct
    • Style Guide
    • Translations
    • Live Streams
    • Webinars
    • Gatsby Days
    • About us
    • Blog
    • Contact Us
    • Careers
    • Partners
© 2024 Gatsby, Inc.
Accessibility StatementBrand Guidelines
Terms of UsePrivacy Policy