Skip to content
Primer/Interface guidelines
Design
Interface guidelinesOcticonsPresentationsCommand lineMobileDesktop
Build
CSSReactReact BrandViewComponents
ContributeAbout
On this page

Autocomplete

On this page
Stable
8 variants
Edited by Lukas Oppermann on 15 Dec 2022
Figma

Playground

me,,,n,,,u,,,?: true, me,,,n,,,u,,,S,,,t,,,a,,,t,,,e: populated
me,,,n,,,u,,,?: true, me,,,n,,,u,,,S,,,t,,,a,,,t,,,e: empty
me,,,n,,,u,,,?: true, me,,,n,,,u,,,S,,,t,,,a,,,t,,,e: add-new
me,,,n,,,u,,,?: true, me,,,n,,,u,,,S,,,t,,,a,,,t,,,e: loading
me,,,n,,,u,,,?: false, me,,,n,,,u,,,S,,,t,,,a,,,t,,,e: empty
me,,,n,,,u,,,?
me,,,n,,,u,,,S,,,t,,,a,,,t,,,e

Props

NameTypeValuesDefault
me,,,,,,,n,,,,,,,u,,,,,,,?Variantfalse true true
me,,,,,,,n,,,,,,,u,,,,,,,S,,,,,,,t,,,,,,,a,,,,,,,t,,,,,,,eVariantadd-new empty loading populated populated

Menu

me,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,u,,,,,,,,,,,,,,,?: true, me,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,u,,,,,,,,,,,,,,,S,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,e: populated

Menu state

me,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,u,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,?: true, me,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,u,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,S,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e: populated
Edit this page on GitHub