logo

eola Style Guide 2024: Filter Box

Filter Box

FilterBox is used to open the calendar or activity filter modal in the Filter Schedulables view

Examples

Filter Box

 <div style={{ width: '311px' }}>
 <FilterBox>
  <FilterBoxButton>
      <Icon size={24} name="calendar"/>
      <H6>Date</H6>
    </FilterBoxButton>
 </FilterBox>
</div>

Filter Box with Modal

 <div style={{ width: '311px' }}>
 <ModalContainer/>
</div>