Skip to main content

Global styles

Component styles

Filtering & search elements

Description

Filtering & search elements are a collection of elements that can be used for list views where filtering is avalible.

  • Content options
    • Title
    • Text
    • Search bar
    • Dropdown/Selects
    • Checkboxes
    • Alphabet buttons
    • Result text
    • Result per page dropdown
    • Button submit
    • Button reset
  • Styling
    • Section background
      • Default: none/transparent
      • Invert main background: grey/white/body
    • Dropdown grid options
      • Inline
      • Grid

Search and filter

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Search and filter

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Filter

Your search query 'Search term' has XX results

Search and filter

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Filter

Your search query 'Search term' has XX results

Search and filter: mixed filtering

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Filter

Your search query 'Search term' has XX results

Search and filter

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Your search query 'Search term' has XX results

Search and filter with suggestions autocomplete

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Suggestions title