FontPickerFontPicker component to display and download fonts

UX Guidelines

Dev

UsageCode Example

<FontPicker
  value={shortListFont}
  onChange={shortListFont => this.setState({shortListFont})}
  includeFonts={[
    SupportedFontsEnum.MADEFOR,
    SupportedFontsEnum.BEBAS_NEUE,
    SupportedFontsEnum.LOBSTER,
    SupportedFontsEnum.NOTO_SANS
  ]}
/>

TIP

This component extends the Picker props.

APIThis is the list of additional props for the component

dialogTitle

string

The title of the Dialog

includeFonts

SupportedFonts[]

The fonts that will be included in the Font Picker's listYou should include all relevant fonts (i.e. SupportedFontsEnum.MADEFOR)

searchProps

SearchInputProps

Props that will passed to the search input

showSearch

boolean

Should show the search (default to true)