furl
Getting startedDesignComponents
Design
Design GuidelinesTypography SystemLayout SystemColor palettesCustomization
Components
ComponentsAccordionAlertAnchorAudioAvatarBadgeBreadcrumbsButtonButtonGroupCalendarCardCollapseContextButtonDividerDropdownFooterFormGraphGridHyperlinkIconIframeImageInputItemLayoutListLoaderMediaObjectMenuModalNotificationPaginationPopoverProgressSearchStepsSwitchTableTabsTooltipTypographyVideo

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

Search props
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'.

furl was designed and developed by Angelos Chalaris © 2019
Documentation generated using Gatsby, hosting by Netlify