• Getting Started

  • Data

  • Chart Types

  • Chart Elements

  • Integrations

  • API

  • Tools

  • FAQ

  • Change Log

  • <zg-body>

    Interactive Storybook Playground

    The <zg-body> tag is created dynamically by the ZingGrid library and as such, should not be manually added by the developer. However, the user can style <zg-body> through CSS variables or by targeting the tag directly.

    Image of the DOM relationship for the zg-body web component tag

    Related Web Components

    Attributes

    There are no attributes available for the <zg-body> web component.

    CSS Variables

    <zg-body> can be styled by common CSS variables, like so:

    :root {
      --zg-body-background: red;
    }
    

    Below is a list of all the associated --zg-body CSS variables. Check out the full list of CSS variables or our Styling Basics guide to learn more about styling the grid.

    CSS Selector

    <zg-body> can be styled by common CSS selectors, like so:

    zg-body {
      background: red;
    }
    

    Slots

    There are no slots available for the <zg-body> web component.