<zg-filter-summary>

Interactive Storybook Playground

The <zg-filter-summary> tag is the container for the that appears when clicking on the column filter button. The <zg-filter-summary> web component should not be accessed specifically beyond styling.

Related Web Components

• <zg-filter>
• <zg-filter-menu>
• <zg-column>
• <zg-head>
• <zg-row>

Usage

The <zg-filter-summary> element is a generated element added to <zing-grid> when the filter attribute is set to "summary".

<zing-grid filter="summary"
  src="https://cdn.zinggrid.com/datasets/user-roles.json">
</zing-grid>

Attributes

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

CSS Variables

<zg-filter-summary> can be styled with CSS variables, like so:

:root {
--zg-filter-summary-background: red;
}

Slots

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