Sha256: 51ab2ddf2c890465a75a0d715a742917888ea4f6c38a0995e4cbe3dfd07abca2
Contents?: true
Size: 1.15 KB
Versions: 6
Compression:
Stored size: 1.15 KB
Contents
import React from 'react'
import { Button, Filter, Flex, Select, TextInput } from '../../'
const FilterSingle = () => {
const options = [
{ value: 'USA' },
{ value: 'Canada' },
{ value: 'Brazil' },
{ value: 'Philippines' },
{ value: 'A Galaxy Far Far Away Like Really Far Away' },
]
return (
<Filter
filters={[
{ name: 'Full Name', value: 'John Wick' },
{ name: 'Territory', value: 'San Francisco' },
]}
sortMenu={[
{ item: 'Popularity', link: '#', active: true, direction: 'desc' },
{ item: 'Title', link: '#', active: false },
{ item: 'Name', link: '#', active: false },
]}
template="single"
>
<TextInput
label="Full Name"
placeholder="Enter name"
/>
<Select
blankSelection="Select One..."
label="Territory"
name="location"
options={options}
/>
<Flex
spacing="between"
>
<Button
text="Apply"
/>
<Button
text="Clear"
variant="secondary"
/>
</Flex>
</Filter>
)
}
export default FilterSingle
Version data entries
6 entries across 6 versions & 1 rubygems