Sha256: 95bed8b9bc099a31f1e44ffdbbf51ccb569855b3a542e95bc9017981f98e0606
Contents?: true
Size: 1.71 KB
Versions: 855
Compression:
Stored size: 1.71 KB
Contents
import React from 'react'
import { Button, Filter, Flex, Select } from '../../'
const FilterMaxWidth = (props) => {
const options = [
{ value: 'USA' },
{ value: 'Canada' },
{ value: 'Brazil' },
{ value: 'Philippines' },
{ value: 'A galaxy far far away, like really far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far away...' },
]
return (
<Filter
{...props}
double
filters={{
'Full Name': 'John Wick',
'City': 'San Francisco',
}}
minWidth="360px"
results={1}
sortOptions={{
popularity: 'Popularity',
// eslint-disable-next-line
manager_title: 'Manager\'s Title',
// eslint-disable-next-line
manager_name: 'Manager\'s Name',
}}
sortValue={[{ name: 'popularity', dir: 'desc' }]}
>
{({ closePopover }) => (
<form>
<Select
blankSelection="Select One..."
label="Territory"
maxWidth="sm"
name="location"
options={options}
/>
<Button
text="Apply"
/>
<Select
blankSelection="Select One..."
label="Territory"
name="location"
options={options}
/>
<Flex
spacing="between"
>
<Button
onClick={closePopover}
text="Apply"
/>
<Button
text="Clear"
variant="secondary"
/>
</Flex>
</form>
)}
</Filter>
)
}
export default FilterMaxWidth
Version data entries
855 entries across 855 versions & 2 rubygems