% Auto-generated: do not edit by hand
\name{materialsInput}

\alias{materialsInput}

\title{MaterialsInput component}

\description{
An input field component for searching by mp-id, elements, formula, smiles, or text. Renders a text input and a periodic table within a PeriodicContext to support two-way binding between the input and periodic table. i.e. when elements are typed into the field, they are selected in the table, and when elements are selected in the table, they are appended to the field's input.  Documentation: https://materialsproject.github.io/mp-react-components/?path=/docs/data-entry-materialsinput--multi-type
}

\usage{
materialsInput(id=NULL, allowedInputTypes=NULL, autocompleteApiKey=NULL,
autocompleteFormulaUrl=NULL,
chemicalSystemSelectHelpText=NULL, className=NULL,
debounce=NULL, elementsSelectHelpText=NULL,
errorMessage=NULL, helpItems=NULL, hidePeriodicTable=NULL,
hideWildcardButton=NULL, inputClassName=NULL, label=NULL,
loading=NULL, maxElementSelectable=NULL,
periodicTableMode=NULL, placeholder=NULL,
showSubmitButton=NULL, showTypeDropdown=NULL,
submitButtonClicks=NULL, submitButtonText=NULL,
tooltip=NULL, type=NULL, value=NULL)
}

\arguments{
\item{id}{Character. }

\item{allowedInputTypes}{Unnamed list. }

\item{autocompleteApiKey}{Character. }

\item{autocompleteFormulaUrl}{Character. }

\item{chemicalSystemSelectHelpText}{Character. }

\item{className}{Character. }

\item{debounce}{Numeric. }

\item{elementsSelectHelpText}{Character. }

\item{errorMessage}{Character. }

\item{helpItems}{Unnamed list. }

\item{hidePeriodicTable}{Logical. }

\item{hideWildcardButton}{Logical. }

\item{inputClassName}{Character. }

\item{label}{Character. }

\item{loading}{Logical. }

\item{maxElementSelectable}{Numeric. }

\item{periodicTableMode}{A value equal to: 'toggle', 'focus', 'none'. }

\item{placeholder}{Character. }

\item{showSubmitButton}{Logical. }

\item{showTypeDropdown}{Logical. }

\item{submitButtonClicks}{Numeric. }

\item{submitButtonText}{Character. }

\item{tooltip}{Character. }

\item{type}{A value equal to: 'elements', 'chemical_system', 'formula', 'mpid', 'smiles', 'text', 'molecule_formula'. }

\item{value}{Character. }
}

\value{named list of JSON elements corresponding to React.js properties and their values}