Skip to main content

Global styles

Component styles

Search bars

Description

Types of searchbars

Types

  • Search bar - Large
  • Search bar - Small
    • Custom content options: if search bar has container
      • Title
      • Text description
      • Search bar buttons
        • Button icon
        • Button text
        • Button filled
      • Result text
      • Container background color
      • Default: none
      • Grey light/white (depending on the page color)
      • Primary
      • Primary decorative
      • Secondary decorative

Global search bar content options

  • Search input
  • Sound input
  • Autocomplete suggestions

Søgeresultat

Suggestions title

Din søgning på 'Politik' gav 207 resultater

Search bar small - autocomplete suggestion box with sound input

Suggestions title

Søgeresultat

Suggestions title

Din søgning på 'Politik' gav 207 resultater

Search bars with: Title, description, search-bar and result text

Title, description & search-bar small

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.

Din søgning på 'Politik' gav 207 resultater

Title, description & search-bar large

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 bars: color options