Tes styleguide

This is the Filter component

Package version

npm i module-tsl-ui-filter --save

4.5.15

imports

import { Filter } from 'module-tsl-ui-filter';

@import '~module-tsl-ui-filter/filter';

example (editable)


  <div style={{ marginLeft: 200 }}> 
    <Filter
      onClose={() => console.log('closed')}
      onClearAndApply={() => console.log('clear and apply')}
      onClear={() => console.log('clear')}
      onApply={() => console.log('apply')}
      popoverPush={null}
    >
      <div style={{ width: 300, padding: 20 }}>Filters logic inside</div>
    </Filter>
  </div>

Info

Have a look at the storybook link to see how it works

Props

We couldn't detect props! Check if __docgenInfo is correctly defined

storybook

View Filter storybook stories