Sha256: f7d166699c68f3b4da807dd554a2fd1117fe7cda3ffc323ce50ed0525bcf26dc
Contents?: true
Size: 1.71 KB
Versions: 1007
Compression:
Stored size: 1.71 KB
Contents
import React from 'react'
import { Button, Filter, Flex, Select } from 'playbook-ui'
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
1,007 entries across 1,007 versions & 2 rubygems