# Class MemberFilterTileComponent

Member Filter Tile Component

# Example

    <csdk-member-filter-tile
      title="Years Filter"
      [attribute]="DM.ER.Date.Years"
      [filter]="memberFilterTileProps.yearFilter"
      (filterChange)="memberFilterTileProps.setYearFilter($event)"
    />

import { Component } from '@angular/core';
import { Filter, filterFactory } from '@sisense/sdk-data';
import * as DM from '../../assets/sample-healthcare-model';

@Component({
  selector: 'app-filters',
  templateUrl: './filters.component.html',
  styleUrls: ['./filters.component.scss'],
})
export class FiltersComponent {
  DM = DM;
  memberFilterTileProps = {
    yearFilter: filterFactory.members(DM.ER.Date.Years, ['2013-01-01T00:00:00']),
    setYearFilter({ filter }: { filter: Filter | null }) {
      if (filter) {
        this.yearFilter = filter;
      }
    },
  };
}

# Implements

AfterViewInit
OnChanges
OnDestroy

# Constructors

# constructor

new MemberFilterTileComponent(sisenseContextService, themeService): MemberFilterTileComponent

Constructor for the MemberFilterTileComponent.

# Parameters

Parameter	Type	Description
`sisenseContextService`	`SisenseContextService`	Sisense context service
`themeService`	`ThemeService`	Theme service

# Returns

MemberFilterTileComponent

# Properties

# Constructor

# sisenseContextService

sisenseContextService: SisenseContextService

Sisense context service

# themeService

themeService: ThemeService

Theme service

# Other

# attribute

attribute: Attribute

Attribute to filter on. A query will run to fetch all this attribute's members

# dataSource

dataSource: DataSource | undefined

Data source the query is run against - e.g. Sample ECommerce

If not specified, the query will use the defaultDataSource specified in the parent Sisense Context.

# filter

filter: Filter | null

Source filter object. Caller is responsible for keeping track of filter state

# filterChange

filterChange: EventEmitter< ArgumentsAsObject< (filter) => void, ["filter"] > >

Callback indicating when the source member filter object should be updated

# title

title: string

Title for the filter tile, which is rendered into the header