Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Insert excerpt
_Banners
_Banners
namescreen
nopaneltrue

Adding a Search Bar

Search bars can be added to screens to help users locate data quickly.

A Search component is provided in the Serene grey palette that provides a preconfigured search bar. The Search component can be referenced by filters, such as those on grids or card containers, to define the records they display.

Watch this video to find out more:

Iframe
allowfullscreentrue
srchttps://youtube.com/embed/8RTi40CAGLE?&rel=0&ytp-pause-overlay=&list=PLbPt6SI1Zhb9JAD6TfD-qGC6vzZXOznvn
width680px
height400px

Anchor
searchFilter
searchFilter
Adding a Search with Filter Buttons

It is often useful to have both a search bar and filter buttons on your screen to help your users find records. These elements require some additional configuration to ensure they can work together.

Watch this video to find out more:

Iframe
srchttps://youtube.com/embed/p0-HyKMlBWM?&rel=0&ytp-pause-overlay=&list=PLbPt6SI1Zhb9JAD6TfD-qGC6vzZXOznvn
width680px
height400px