Search
Search helps users find the content they are looking for.
Examples
Search Results
Found 6 results...
import React from 'react';
import ReactDOM from 'react-dom';
import { Search, Paragraph, Title } from 'furl-components';
ReactDOM.render(
<Search placeholder='Search...' withIcon size='large'>
<Title level={4}>Search Results</Title>
<Paragraph>Found 6 results...</Paragraph>
</Search>,
document.getElementById('root')
);
API
Property | Description | Type | Default | ||
---|---|---|---|---|---|
size | search size | string | 'normal' | ||
withIcon | render with icon | boolean | false | ||
disabled | search disabled state | boolean | false | ||
placeholder | search placeholder text | string | |||
name | search name | string | |||
onChange | search onchange event> | function |
Notes
size
can be one of the following:'small'
,'normal'
or'large'
.