Dela via


SearchBox Kontroll (förhandsversion)

[Den här artikeln är en förhandsversion av dokumentationen och kan komma att ändras.]

En kontroll som används för att sökupplevelse.

SearchBox-kontroll.

Beskrivning

En sökruta (SearchBox) innehåller ett indatafält där du kan söka efter innehåll på en webbplats eller i ett program för att hitta specifika objekt.

Denna kodkomponent ger ett omslag runt Fluent UI SearchBox kontroll för användning på arbetsyta och anpassade sidor.

Viktigt!

  • Detta är en förhandsversion.
  • Förhandsversionsfunktioner ska inte användas i produktion och funktionerna kan vara begränsade. Funktionerna är tillgängliga före den officiella publiceringen så att kunderna kan få tillgång tidigare och ge oss feedback.

Nyckelegenskaper

Property Description
SearchText Text som användaren matar in. Se detta som indata för sökfunktionerna.
IconName Namnet på ikonen Fluent UI som ska användas (se Fluent UI-ikoner).
Underlined Om sökrutan är understruken eller inte.
DisableAnimation Om SearchBox-ikonen ska visas i fokus eller inte.
PlaceholderText Platshållare för sökrutan.

Ytterligare egenskaper

Property Description
Theme Entitetsobjektet (inte Json formaterat). Se tema för vägledning om hur du konfigurerar.
AccessibilityLabel Aria-etikett för skärmläsare.
InputEvent En händelse att skicka till kontrollen. T.ex. SetFocus.

Exempel

Konfigurera sökfunktionssätt

Lägg till kontrollen i programmet där du behöver ett sökgränssnitt som är kopplat till ett galleri, DetailsList eller en kontroll som kan visa en datauppsättning.

Skapa en sökupplevelse med hjälp av uttrycken Search() eller Filter() som använder värdet för egenskapen SearchText i SearchBox.

Search( Accounts, SearchBox.SearchText, "name" )

Begränsningar

Den här kodkomponenten kan endast användas i arbetsyteappar och anpassade sidor.