Design System Dev Resource
Menu

Site search

navigation

navigation search box and menu

Modifier classes: site-search-menu-link--current
Other components needed (SCSS):
- Text input search field
- Headings (bh-heading-h1)
- Miscellaneous (bh-overline and bh-caption)

Search Banner Health

About 124 total results  •  Phoenix, AZ 85018
Change location
SCSS file JS file 
<div class="site-search">
	<div class="site-search-container">
		<div class="site-search-heading">
			<h2 class="bh-heading-h1 search-banner">Search Banner Health</h2>
		</div>
		<form class="site-search-form">
			<div class="site-search-searchbar">
				<div class="site-search-searchbar-wrap">
					<div class="site-search-searchbar-icon-block">
						<img class="site-search-searchbar-icon" src="assets/toolkit/images/bh-ic-search-gray.svg" alt="" />
					</div>
					<input aria-label="Search" type="search" class="bh-search-field" placeholder="Search for..." aria-invalid="false" />
				</div>
				<button type="button" class="site-search-button">Search</button>
			</div>
		</form>
		<div class="site-search-tabs">
			<ul class="site-search-menubar">
				<li class="site-search-menu-item"><a class="site-search-menu-link bh-overline site-search-menu-link--current" href="#">ALL</a></li>
				<li class="site-search-menu-item"><a class="site-search-menu-link bh-overline" href="#">DOCTORS</a></li>
				<li class="site-search-menu-item"><a class="site-search-menu-link bh-overline" href="#">LOCATIONS</a></li>
				<li class="site-search-menu-item"><a class="site-search-menu-link bh-overline" href="#">SERVICES</a></li>
				<li class="site-search-menu-item"><a class="site-search-menu-link bh-overline" href="#">BLOG</a></li>
				<li class="site-search-menu-item"><a class="site-search-menu-link bh-overline" href="#">CLASSES &amp; EVENTS</a></li>
			</ul>
		</div>
		<div class="site-search-results">
			<div class="site-search-results-wrap">
				<div class="site-search-results-total">
					<span class="bh-caption location-results">About 124 total results &nbsp;&bull;&nbsp; Phoenix, AZ 85018</span>
				</div>
				<div class="site-search-change-location">
					<a href="#" class="bh-caption change-location-link">Change location</a>
				</div>
			</div>
		</div>
	</div>
</div>

results

filtered results blog articles

Other components needed (SCSS):
- Miscellaneous (bh-caption and bh-overline)
- Subtitles (bh-subtitle-1)
- Body copy (bh-body-2-tight)
- Body copy with links (bh-body-2-strong)

Image description here
Teach me Is Nighttime Mouth Breathing Affecting Your Health?

Our bodies don’t have off buttons, which means a lot can happen while we sleep. Although you may not remember it in the morning, you could feel the effects...

Oct 3, 2021

Image description here
Teach me Let's Talk About 'Fatty Heart' -- And If You Should Be Worried

The human heart is a fascinating, powerful organ. Doctors and scientists are learning more about it with each passing day — and in turn, so are the rest...

Sep 23, 2021

Image description here
Better me Family mealtime is an important ritual in building lasting bonds

When you get stressed or anxious, do you reach for something salty or sweet, or do you lace up and go for a walk or run? For many who feel stressed or...

Sep 21, 2021

Image description here
Better me This Relendless Pandemic Can Tax Your Mental Health. Here's How to Cope

Remember those brief, blissful weeks at the beginning of the summer? Vaccination rates were rising, COVID-19 infections were dropping and mask mandates...

Mar 9, 2020

Image description here
Better me Got FOMO? Tips for Overcoming Your Anxiety Post-Pandemic

Is your social media feed more packed these days with photos of dinner dates, get-togethers and trips to the beach? It seems like everyone is out from...

Sep 12, 2021

Image description here
Advise me The Best Ways to Lose Weight After Your Baby Is Born

After your baby is born, you might be eager to pack up your maternity clothes and get back into your pre-pregnancy outfits. But all the baby weight doesn’t...

Sep 10, 2021

More results
SCSS file 
<section class="site-search-results-blog-filtered">
	<div class="site-search-results-blog-filtered-cards">
		<div class="site-search-results-blog-filtered-card">
			<a href="#" class="site-search-results-blog-filtered-image-link"><img class="site-search-results-blog-filtered-image" src="assets/toolkit/images/site-search-blog-carousel-1.jpeg" alt="Image description here" /></a>
			<div class="site-search-results-blog-filtered-copy">
				<a href="#" title="Blog category link" class="site-search-results-blog-filtered-eyebrow-link bh-overline">Teach me</a>
				<a href="#" title="Article link" class="site-search-results-blog-filtered-article-title bh-subtitle-1">Is Nighttime Mouth Breathing Affecting Your Health?</a>
				<p class="site-search-results-blog-filtered-article-preview bh-body-2-tight">Our bodies don’t have off buttons, which means a lot can happen while we sleep. Although you may not remember it in the morning, you could feel the effects...</p>
				<p class="site-search-results-blog-filtered-article-date bh-caption">Oct 3, 2021</p>
			</div>
		</div>
		<div class="site-search-results-blog-filtered-card">
			<a href="#" class="site-search-results-blog-filtered-image-link"><img class="site-search-results-blog-filtered-image" src="assets/toolkit/images/site-search-blog-carousel-2.jpeg" alt="Image description here" /></a>
			<div class="site-search-results-blog-filtered-copy">
				<a href="#" title="Blog category link" class="site-search-results-blog-filtered-eyebrow-link bh-overline">Teach me</a>
				<a href="#" title="Article link" class="site-search-results-blog-filtered-article-title bh-subtitle-1">Let's Talk About 'Fatty Heart' -- And If You Should Be Worried</a>
				<p class="site-search-results-blog-filtered-article-preview bh-body-2-tight">The human heart is a fascinating, powerful organ. Doctors and scientists are learning more about it with each passing day — and in turn, so are the rest...</p>
				<p class="site-search-results-blog-filtered-article-date bh-caption">Sep 23, 2021</p>
			</div>
		</div>
		<div class="site-search-results-blog-filtered-card">
			<a href="#" class="site-search-results-blog-filtered-image-link"><img class="site-search-results-blog-filtered-image" src="assets/toolkit/images/site-search-blog-carousel-3.jpeg" alt="Image description here" /></a>
			<div class="site-search-results-blog-filtered-copy">
				<a href="#" title="Blog category link" class="site-search-results-blog-filtered-eyebrow-link bh-overline">Better me</a>
				<a href="#" title="Article link" class="site-search-results-blog-filtered-article-title bh-subtitle-1">Family mealtime is an important ritual in building lasting bonds</a>
				<p class="site-search-results-blog-filtered-article-preview bh-body-2-tight">When you get stressed or anxious, do you reach for something salty or sweet, or do you lace up and go for a walk or run? For many who feel stressed or...</p>
				<p class="site-search-results-blog-filtered-article-date bh-caption">Sep 21, 2021</p>
			</div>
		</div>
		<div class="site-search-results-blog-filtered-card">
			<a href="#" class="site-search-results-blog-filtered-image-link"><img class="site-search-results-blog-filtered-image" src="assets/toolkit/images/site-search-blog-carousel-4.jpeg" alt="Image description here" /></a>
			<div class="site-search-results-blog-filtered-copy">
				<a href="#" title="Blog category link" class="site-search-results-blog-filtered-eyebrow-link bh-overline">Better me</a>
				<a href="#" title="Article link" class="site-search-results-blog-filtered-article-title bh-subtitle-1">This Relendless Pandemic Can Tax Your Mental Health. Here's How to Cope</a>
				<p class="site-search-results-blog-filtered-article-preview bh-body-2-tight">Remember those brief, blissful weeks at the beginning of the summer? Vaccination rates were rising, COVID-19 infections were dropping and mask mandates...</p>
				<p class="site-search-results-blog-filtered-article-date bh-caption">Mar 9, 2020</p>
			</div>
		</div>
		<div class="site-search-results-blog-filtered-card">
			<a href="#" class="site-search-results-blog-filtered-image-link"><img class="site-search-results-blog-filtered-image" src="assets/toolkit/images/site-search-blog-carousel-5.jpeg" alt="Image description here" /></a>
			<div class="site-search-results-blog-filtered-copy">
				<a href="#" title="Blog category link" class="site-search-results-blog-filtered-eyebrow-link bh-overline">Better me</a>
				<a href="#" title="Article link" class="site-search-results-blog-filtered-article-title bh-subtitle-1">Got FOMO? Tips for Overcoming Your Anxiety Post-Pandemic</a>
				<p class="site-search-results-blog-filtered-article-preview bh-body-2-tight">Is your social media feed more packed these days with photos of dinner dates, get-togethers and trips to the beach? It seems like everyone is out from...</p>
				<p class="site-search-results-blog-filtered-article-date bh-caption">Sep 12, 2021</p>
			</div>
		</div>
		<div class="site-search-results-blog-filtered-card">
			<a href="#" class="site-search-results-blog-filtered-image-link"><img class="site-search-results-blog-filtered-image" src="assets/toolkit/images/site-search-blog-carousel-6.jpeg" alt="Image description here" /></a>
			<div class="site-search-results-blog-filtered-copy">
				<a href="#" title="Blog category link" class="site-search-results-blog-filtered-eyebrow-link bh-overline">Advise me</a>
				<a href="#" title="Article link" class="site-search-results-blog-filtered-article-title bh-subtitle-1">The Best Ways to Lose Weight After Your Baby Is Born</a>
				<p class="site-search-results-blog-filtered-article-preview bh-body-2-tight">After your baby is born, you might be eager to pack up your maternity clothes and get back into your pre-pregnancy outfits. But all the baby weight doesn’t...</p>
				<p class="site-search-results-blog-filtered-article-date bh-caption">Sep 10, 2021</p>
			</div>
		</div>
	</div>
	<div class="site-search-results-blog-filtered-more bh-body-2-strong">
		<a href="#" class="site-search-results-doctors-more-link">More results</a>
	</div>
</section>

filtered results services

Other components needed (SCSS):
- Headings (bh-heading-h3b)
- Body copy (bh-body-1-tight)

Academic Medicine

At the center of Banner – University Medicine is patient care, research and teaching.

Allergy and Immunology

Care for your allergy and sinus conditions.

Alzheimer's

Banner Health is a national leader in the diagnosis and treatment of Alzheimer's disease and other dementias as well as in cutting-edge research across several campuses.

Bariatric & Weight Loss Surgery

We treat a wide range of weight-related conditions.

Behavioral Health & Mental Health

Our behavioral health experts work with you or your loved ones to offer a variety of treatment options.

Burn

Whether caused by fire, chemicals, electricity or frostbite, burn injuries need specialized care. We take this to heart to ensure your care is exactly what you need to get you or your family member on your way to recovery.

Cancer

At Banner Health, our oncologists, radiologists, cancer surgeons, specially trained nurses, and patient navigators use the latest cancer tests & screenings.

Concussion

A concussion, or mild traumatic brain injury, is the most common type of brain injury that temporarily disrupts brain function.

Dermatology

From the common to the complex for skin, hair and nails, our dermatologists are here to help.

Diabetes

You can live a healthy, active life with diabetes when it’s managed well. We diagnose and treat all types of diabetes in children and adults..

More results
SCSS file 
<section class="site-search-results-services-filtered">
	<div class="site-search-results-services-filtered-cards">
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Academic Medicine</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				At the center of Banner – University Medicine is patient care, research
				and teaching.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Allergy and Immunology</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				Care for your allergy and sinus conditions.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Alzheimer's</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				Banner Health is a national leader in the diagnosis and treatment of Alzheimer's disease and other dementias as well as in cutting-edge research across several campuses.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Bariatric & Weight Loss Surgery</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				We treat a wide range of weight-related conditions.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Behavioral Health & Mental Health</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				Our behavioral health experts work with you or your loved ones to offer a variety of treatment options.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Burn</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				Whether caused by fire, chemicals, electricity or frostbite, burn injuries need specialized care. We take this to heart to ensure your care is exactly what you need to get you or your family member on your way to recovery.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Cancer</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				At Banner Health, our oncologists, radiologists, cancer surgeons, specially trained nurses, and patient navigators use the latest cancer tests & screenings.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Concussion</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				A concussion, or mild traumatic brain injury, is the most common type of brain injury that temporarily disrupts brain function.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Dermatology</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				From the common to the complex for skin, hair and nails, our dermatologists are here to help.
			</p>
		</div>
		<div class="site-search-results-services-filtered-card">
			<h3 class="site-search-results-services-filtered-card-title bh-heading-h3b"><a href="#">Diabetes</a></h3>
			<p class="site-search-results-services-card-description bh-body-1-tight">
				You can live a healthy, active life with diabetes when it’s managed well. We diagnose and treat all types of diabetes in children and adults..
			</p>
		</div>
	</div>
	<div class="services-more-results">
		<div class="site-search-results-doctors-more bh-body-2-strong">
			<a href="#" class="site-search-results-doctors-more-link">More results</a>
		</div>
	</div>
</section>

main results blog articles

Other components needed (SCSS):
- Main results section header
- Miscellaneous (bh-caption and bh-overline)
- Body copy with links (bh-body-2-strong)
Other components needed (JS):
- jQuery
- Slick Slider
Notes:
- This component is built using jQuery and Slick Slider (linked above). The script tags needed are at the bottom of the HTML below.

Blog About 16 results

Image description here

Pregnancy Fatigue: What's Normal and What's Not

Sept 20

 Better me
Image description here

How Jaw Problems Could Be Causing Your Headache Pain

Sept 19

 Better me
Image description here

What is MRSA? Five Things You Need to Know

Sept 18

 Teach me
Image description here

8 Tips to Help Get Your Baby to Sleep Through the Night

Sept 17

 Advise me
Image description here

Stop Stalling: How to Overcome Shy Bowel Syndrome

Sept 16

 Teach me
Image description here

This Relentless Pandemic Can Tax Your Mental Health. Here's How to Cope

Sept 15

 Better me
More results
SCSS file JS file 
<div class="site-search-results-blog">
	<h2 class="site-search-section-header">
		<span class="site-search-section-header-heading bh-heading-h2b">Blog</span>
		<span class="site-search-section-header-subheading bh-body-2-main">About 16 results</span>
	</h2>
	<div class="site-search-results-blog-carousel">
		<div class="site-search-results-blog-slide">
			<a href="#" title="Blog article link" class="site-search-results-blog-slide-link">
				<div class="site-search-results-blog-slide-inner">
					<img class="site-search-results-blog-slide-image" src="assets/toolkit/images/site-search-blog-carousel-1.jpeg" alt="Image description here" />
					<div class="site-search-results-blog-slide-copy">
						<h3 class="site-search-results-blog-slide-article-title">Pregnancy Fatigue: What's Normal and What's Not</h3>
						<p class="site-search-results-blog-slide-article-date bh-caption">Sept 20</p>
					</div>
				</div>
			</a>
			<a href="#" title="Blog category link" class="site-search-results-blog-slide-eyebrow-link bh-overline">Better me</a>
		</div>
		<div class="site-search-results-blog-slide">
			<a href="#" title="Blog article link" class="site-search-results-blog-slide-link">
				<div class="site-search-results-blog-slide-inner">
					<img class="site-search-results-blog-slide-image" src="assets/toolkit/images/site-search-blog-carousel-2.jpeg" alt="Image description here" />
					<div class="site-search-results-blog-slide-copy">
						<h3 class="site-search-results-blog-slide-article-title">How Jaw Problems Could Be Causing Your Headache Pain</h3>
						<p class="site-search-results-blog-slide-article-date bh-caption">Sept 19</p>
					</div>
				</div>
			</a>
			<a href="#" title="Blog category link" class="site-search-results-blog-slide-eyebrow-link bh-overline">Better me</a>
		</div>
		<div class="site-search-results-blog-slide">
			<a href="#" title="Blog article link" class="site-search-results-blog-slide-link">
				<div class="site-search-results-blog-slide-inner">
					<img class="site-search-results-blog-slide-image" src="assets/toolkit/images/site-search-blog-carousel-3.jpeg" alt="Image description here" />
					<div class="site-search-results-blog-slide-copy">
						<h3 class="site-search-results-blog-slide-article-title">What is MRSA? Five Things You Need to Know</h3>
						<p class="site-search-results-blog-slide-article-date bh-caption">Sept 18</p>
					</div>
				</div>
			</a>
			<a href="#" title="Blog category link" class="site-search-results-blog-slide-eyebrow-link bh-overline">Teach me</a>
		</div>
		<div class="site-search-results-blog-slide">
			<a href="#" title="Blog article link" class="site-search-results-blog-slide-link">
				<div class="site-search-results-blog-slide-inner">
					<img class="site-search-results-blog-slide-image" src="assets/toolkit/images/site-search-blog-carousel-4.jpeg" alt="Image description here" />
					<div class="site-search-results-blog-slide-copy">
						<h3 class="site-search-results-blog-slide-article-title">8 Tips to Help Get Your Baby to Sleep Through the Night</h3>
						<p class="site-search-results-blog-slide-article-date bh-caption">Sept 17</p>
					</div>
				</div>
			</a>
			<a href="#" title="Blog category link" class="site-search-results-blog-slide-eyebrow-link bh-overline">Advise me</a>
		</div>
		<div class="site-search-results-blog-slide">
			<a href="#" title="Blog article link" class="site-search-results-blog-slide-link">
				<div class="site-search-results-blog-slide-inner">
					<img class="site-search-results-blog-slide-image" src="assets/toolkit/images/site-search-blog-carousel-5.jpeg" alt="Image description here" />
					<div class="site-search-results-blog-slide-copy">
						<h3 class="site-search-results-blog-slide-article-title">Stop Stalling: How to Overcome Shy Bowel Syndrome</h3>
						<p class="site-search-results-blog-slide-article-date bh-caption">Sept 16</p>
					</div>
				</div>
			</a>
			<a href="#" title="Blog category link" class="site-search-results-blog-slide-eyebrow-link bh-overline">Teach me</a>
		</div>
		<div class="site-search-results-blog-slide">
			<a href="#" title="Blog article link" class="site-search-results-blog-slide-link">
				<div class="site-search-results-blog-slide-inner">
					<img class="site-search-results-blog-slide-image" src="assets/toolkit/images/site-search-blog-carousel-6.jpeg" alt="Image description here" />
					<div class="site-search-results-blog-slide-copy">
						<h3 class="site-search-results-blog-slide-article-title">This Relentless Pandemic Can Tax Your Mental Health. Here's How to Cope</h3>
						<p class="site-search-results-blog-slide-article-date bh-caption">Sept 15</p>
					</div>
				</div>
			</a>
			<a href="#" title="Blog category link" class="site-search-results-blog-slide-eyebrow-link bh-overline">Better me</a>
		</div>
	</div>
	<div class="site-search-results-blog-more bh-body-2-strong">
		<a href="#" class="site-search-results-doctors-more-link">More results</a>
	</div>
</div>

<!-- Include the 2 scripts below, before </body>, if you are not using the whole toolkit -->
<!--
    <script src="path-to-file/jquery-3.4.1.min.js"></script>
    <script src="path-to-file/slick.min.js"></script>
-->

main results blog api error

Other components needed (SCSS):
- Main results doctors api error
- Body copy with links (bh-body-1-main)

We are unable to search the blog right now.

Here's what you can do:

<section class="site-search-results-api-error">
	<div class="site-search-results-api-error-card">
		<p class="site-search-results-api-error-copy-1 bh-body-1-main">We are unable to search the blog right now.</p>
		<p class="site-search-results-api-error-copy-2 bh-body-1-main">Here's what you can do:</p>
		<ul class="site-search-results-api-error-list bh-body-1-main">
			<li class="site-search-results-api-error-list-item"><a href="#" onclick="location.reload();">Refresh this page</a></li>
			<li class="site-search-results-api-error-list-item">Use the <a href="https://www.bannerhealth.com/healthcareblog/searchresults?searchTerm=diabetes&page=1">blog search</a> to find an article</li>
			<li class="site-search-results-api-error-list-item">Browse topics in <a href="https://www.bannerhealth.com/staying-well">health and wellness</a></li>
		</ul>
	</div>
</section>

main results classes events

Other components needed (SCSS):
- Chip Solid
- Miscellaneous (bh-overline)
- Headings (bh-heading-h3b)
- Primary button (bh-primary-button--small)
- Outlined 1 Button (bh-outlined-1-button--small)
- Body copy (bh-body-2-main)

Thu, Feb 03 @ 10:00 AM

Shine Your Light: Music, Fun & Camaraderie - Virtual

Online event • Registration fee

This weekly event is a virtual musical experience for people living with memory loss and their care partners. Join Valley Music Therapist, Sun...

Alzheimer's & Other Dementias (13)
Register now
Thu, Feb 03 @ 10:00 AM

Coffee Talk for People with Parkinson’s & Care Partners- Virtual

Online event • Free

This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...

Alzheimer's & Other Dementias (13)
Register now More times
Thu, Feb 04 @ 10:00 AM

OB Tour - Banner Medical Center Thunderbird- Virtual - February 7, 2022

Online & In-person event • Registration fee

This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...

Alzheimer's & Other Dementias (13)
Register now More times
Thu, Feb 04 @ 10:00 AM

Healthcare Professional Event 1 - February 7, 2022

Online & In-person event • Registration fee

This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...

Alzheimer's & Other Dementias (13)
Register now More times
Thu, Feb 04 @ 10:00 AM

Healthcare Professional Event 2 - February 7, 2022

Online & In-person event • Registration fee

This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...

Alzheimer's & Other Dementias (13)
Register now More times
Thu, Feb 04 @ 10:00 AM

Healthcare Professional Event 3 - February 7, 2022

Online & In-person event • Registration fee

This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...

Alzheimer's & Other Dementias (13)
Register now More times
More results
SCSS file JS file 
<section class="site-search-results-classes-events">

	<div class="site-search-results-classes-events-toggles">
		<button class="site-search-results-classes-events-toggle site-search-results-classes-events-toggle1 bh-chip bh-chip--selected" data-audience-type-toggle="general">General Audience</button>
		<button class="site-search-results-classes-events-toggle site-search-results-classes-events-toggle2 bh-chip" data-audience-type-toggle="professionals">Healthcare Professionals</button>
	</div>
	<div class="site-search-results-classes-events-card-holders">
		<div class="site-search-results-classes-events-card" data-audience-type="general">
			<div class="site-search-results-classes-events-date bh-overline">Thu, Feb 03 @ 10:00 AM</div>
			<h3 class="site-search-results-classes-events-title bh-heading-h3b">Shine Your Light: Music, Fun &amp; Camaraderie - Virtual</h3>
			<p class="site-search-results-classes-events-online-person bh-body-2-main">Online event • Registration fee</p>
			<p class="site-search-results-classes-events-description bh-body-2-main">This weekly event is a virtual musical experience for people living with memory loss and their care partners. Join Valley Music Therapist, Sun...</p>

			<a href="#" class="site-search-results-classes-events-patient-type">Alzheimer's &amp; Other Dementias (13)</a>

			<div class="site-search-results-classes-events-register-now">
				<a href="#" class="site-search-results-classes-events-register-button1 bh-primary-button bh-primary-button--small">Register now</a>
			</div>
		</div>

		<div class="site-search-results-classes-events-card" data-audience-type="general">
			<div class="site-search-results-classes-events-date bh-overline">Thu, Feb 03 @ 10:00 AM</div>
			<h3 class="site-search-results-classes-events-title bh-heading-h3b">Coffee Talk for People with Parkinson’s &amp; Care Partners- Virtual</h3>
			<p class="site-search-results-classes-events-online-person bh-body-2-main">Online event • Free</p>
			<p class="site-search-results-classes-events-description bh-body-2-main">This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...</p>

			<a href="#" class="site-search-results-classes-events-patient-type">Alzheimer's &amp; Other Dementias (13)</a>

			<div class="site-search-results-classes-events-register-now">
				<a href="#" class="site-search-results-classes-events-register-button1 bh-primary-button bh-primary-button--small">Register now</a>
				<a href="#" class="site-search-results-classes-events-register-button2 bh-outlined-1-button bh-outlined-1-button--small">More times</a>
			</div>
		</div>

		<div class="site-search-results-classes-events-card" data-audience-type="general">
			<div class="site-search-results-classes-events-date bh-overline">Thu, Feb 04 @ 10:00 AM</div>
			<h3 class="site-search-results-classes-events-title bh-heading-h3b">OB Tour - Banner Medical Center Thunderbird- Virtual - February 7, 2022 </h3>
			<p class="site-search-results-classes-events-online-person bh-body-2-main">Online &amp; In-person event • Registration fee</p>
			<p class="site-search-results-classes-events-description bh-body-2-main">This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...</p>

			<a href="#" class="site-search-results-classes-events-patient-type">Alzheimer's &amp; Other Dementias (13)</a>

			<div class="site-search-results-classes-events-register-now">
				<a href="#" class="site-search-results-classes-events-register-button1 bh-primary-button bh-primary-button--small">Register now</a>
				<a href="#" class="site-search-results-classes-events-register-button2 bh-outlined-1-button bh-outlined-1-button--small">More times</a>
			</div>
		</div>

		<div class="site-search-results-classes-events-card" data-audience-type="professionals">
			<div class="site-search-results-classes-events-date bh-overline">Thu, Feb 04 @ 10:00 AM</div>
			<h3 class="site-search-results-classes-events-title bh-heading-h3b">Healthcare Professional Event 1 - February 7, 2022 </h3>
			<p class="site-search-results-classes-events-online-person bh-body-2-main">Online &amp; In-person event • Registration fee</p>
			<p class="site-search-results-classes-events-description bh-body-2-main">This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...</p>

			<a href="#" class="site-search-results-classes-events-patient-type">Alzheimer's &amp; Other Dementias (13)</a>

			<div class="site-search-results-classes-events-register-now">
				<a href="#" class="bh-primary-button bh-primary-button--small">Register now</a>
				<a href="#" class="bh-outlined-1-button bh-outlined-1-button--small">More times</a>
			</div>
		</div>

		<div class="site-search-results-classes-events-card" data-audience-type="professionals">
			<div class="site-search-results-classes-events-date bh-overline">Thu, Feb 04 @ 10:00 AM</div>
			<h3 class="site-search-results-classes-events-title bh-heading-h3b">Healthcare Professional Event 2 - February 7, 2022 </h3>
			<p class="site-search-results-classes-events-online-person bh-body-2-main">Online &amp; In-person event • Registration fee</p>
			<p class="site-search-results-classes-events-description bh-body-2-main">This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...</p>

			<a href="#" class="site-search-results-classes-events-patient-type">Alzheimer's &amp; Other Dementias (13)</a>

			<div class="site-search-results-classes-events-register-now">
				<a href="#" class="bh-primary-button bh-primary-button--small">Register now</a>
				<a href="#" class="bh-outlined-1-button bh-outlined-1-button--small">More times</a>
			</div>
		</div>

		<div class="site-search-results-classes-events-card" data-audience-type="professionals">
			<div class="site-search-results-classes-events-date bh-overline">Thu, Feb 04 @ 10:00 AM</div>
			<h3 class="site-search-results-classes-events-title bh-heading-h3b">Healthcare Professional Event 3 - February 7, 2022 </h3>
			<p class="site-search-results-classes-events-online-person bh-body-2-main">Online &amp; In-person event • Registration fee</p>
			<p class="site-search-results-classes-events-description bh-body-2-main">This is a group designed to provide camaraderie, socialization and support to people affected by Parkinson’s...</p>

			<a href="#" class="site-search-results-classes-events-patient-type">Alzheimer's &amp; Other Dementias (13)</a>

			<div class="site-search-results-classes-events-register-now">
				<a href="#" class="bh-primary-button bh-primary-button--small">Register now</a>
				<a href="#" class="bh-outlined-1-button bh-outlined-1-button--small">More times</a>
			</div>
		</div>
	</div>
	<div class="site-search-results-classes-events-more bh-body-2-strong">
		<a href="#" class="site-search-results-classes-events-more-link">More results</a>
	</div>

</section>

main results classes events api error

Other components needed (SCSS):
- Chip Solid
- Body copy with links (bh-body-1-main)
- Main results doctors api error
- Main results classes events
Other components needed (JS):
- Main results classes events

We are unable to find any General Audience classes or events.

Here's what you can do:

We are unable to find any Healthcare Professionals classes or events.

Here's what you can do:

<section class="site-search-results-classes-events">

	<div class="site-search-results-classes-events-toggles">
		<button class="site-search-results-classes-events-toggle site-search-results-classes-events-toggle1 bh-chip bh-chip--selected" data-audience-type-toggle="general">General Audience</button>
		<button class="site-search-results-classes-events-toggle site-search-results-classes-events-toggle2 bh-chip" data-audience-type-toggle="professionals">Healthcare Professionals</button>
	</div>
	<div class="site-search-results-classes-events-card-holders">
		<div class="site-search-results-api-error-card" data-audience-type="general">
			<p class="site-search-results-api-error-copy-1 bh-body-1-main">We are unable to find any General Audience classes or events.</p>
			<p class="site-search-results-api-error-copy-2 bh-body-1-main">Here's what you can do:</p>
			<ul class="site-search-results-api-error-list bh-body-1-main">
				<li class="site-search-results-api-error-list-item"><a href="#" onclick="location.reload();">Refresh this page</a></li>
				<li class="site-search-results-api-error-list-item">Use the <a href="#">classes &amp; events search</a> to find a class or event</li>
				<li class="site-search-results-api-error-list-item">Call our Customer Care Center at <a href="tel:18332525535">(833) 252-5535</a></li>
			</ul>
		</div>
		<div class="site-search-results-api-error-card" data-audience-type="professionals">
			<p class="site-search-results-api-error-copy-1 bh-body-1-main">We are unable to find any Healthcare Professionals classes or events.</p>
			<p class="site-search-results-api-error-copy-2 bh-body-1-main">Here's what you can do:</p>
			<ul class="site-search-results-api-error-list bh-body-1-main">
				<li class="site-search-results-api-error-list-item"><a href="#" onclick="location.reload();">Refresh this page</a></li>
				<li class="site-search-results-api-error-list-item">Use the <a href="#">classes &amp; events search</a> to find a class or event</li>
				<li class="site-search-results-api-error-list-item">Call our Customer Care Center at <a href="tel:18332525535">(833) 252-5535</a></li>
			</ul>
		</div>
	</div>

</section>

main results doctors

Modifier classes:
filtered: can be added to the main site-search-results-doctors div when the component is used on the filtered version of the search page (ie. choosing doctors in the navigation)
Other components needed (SCSS):
- Miscellaneous (bh-caption)
- Body copy with links (bh-body-1-main and bh-body-2-strong)

Charisse Hanne Te, MD

Charisse Hanne Te, MD

Endocrinology
2.5 out of 5.0
(480) 321-4200
Book now
Sathya Jyothinagaram, MD
Banner Physician

Sathya Jyothinagaram, MD

Endocrinology
(480) 321-4200
Nirmala Kumar, MD

Nirmala Kumar, MD

(480) 321-4200
Charisse Hanne Te, MD
Banner Physician

Nirmala Kumar, MD

5.0 out of 5.0
(480) 321-4200
Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA

Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA

1.3 out of 5.0
Book now
Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA

Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA

Endocrinology
2.5 out of 5.0
More results
SCSS file JS file 
<section class="site-search-results-doctors">
	<div class="site-search-results-doctors-cards">
		<div class="site-search-results-doctors-card">
			<div class="site-search-results-doctors-left-side">
				<a href="https://kylesphx.com/asdf" tabindex="-1">
					<img class="site-search-results-doctors-image" alt="Charisse Hanne Te, MD" src="assets/toolkit/images/site-search-dr-1.jpeg" />
				</a>
			</div>
			<div class="site-search-results-doctors-right-side">
				<h3 class="site-search-results-doctors-name">
					<a class="site-search-results-doctors-link" href="https://kylesphx.com/asdf">Charisse Hanne Te, MD</a>
				</h3>
				<div class="site-search-results-doctors-practice bh-caption">Endocrinology</div>
				<div class="site-search-results-doctors-rating">
					<div class="site-search-results-doctors-stars" data-star-rating="2.5">
						<div class="site-search-results-doctors-stars-filled"></div>
					</div>
					<div class="site-search-results-doctors-rating-caption bh-caption">2.5 out of 5.0</div>
				</div>
				<div class="site-search-results-doctors-phone-holder bh-body-1-main">
					<a href="tel:4803214200" class="site-search-results-doctors-phone">(480) 321-4200</a>
				</div>
				<a href="#" class="bh-primary-button bh-primary-button--small site-search-results-doctors-book-now">Book now</a>
			</div>
		</div>
		<div class="site-search-results-doctors-card">
			<div class="site-search-results-doctors-left-side">
				<a href="https://kylesphx.com/asdf" tabindex="-1">
					<img class="site-search-results-doctors-image" alt="Sathya Jyothinagaram, MD" src="assets/toolkit/images/site-search-dr-2.jpeg" />
				</a>
				<div class="site-search-results-doctors-badge">
					<img class="site-search-results-doctors-badge-image" alt="Banner Physician" src="assets/toolkit/images/bumgt-physician-badge.png" />
				</div>
			</div>
			<div class="site-search-results-doctors-right-side">
				<h3 class="site-search-results-doctors-name">
					<a class="site-search-results-doctors-link" href="https://kylesphx.com/asdf">Sathya Jyothinagaram, MD</a>
				</h3>
				<div class="site-search-results-doctors-practice bh-caption">Endocrinology</div>
				<div class="site-search-results-doctors-phone-holder bh-body-1-main">
					<a href="tel:4803214200" class="site-search-results-doctors-phone">(480) 321-4200</a>
				</div>
			</div>
		</div>
		<div class="site-search-results-doctors-card">
			<div class="site-search-results-doctors-left-side">
				<a href="https://kylesphx.com/asdf" tabindex="-1">
					<img class="site-search-results-doctors-image" alt="Nirmala Kumar, MD" src="assets/toolkit/images/site-search-dr-3.jpeg" />
				</a>
			</div>
			<div class="site-search-results-doctors-right-side">
				<h3 class="site-search-results-doctors-name">
					<a class="site-search-results-doctors-link" href="https://kylesphx.com/asdf">Nirmala Kumar, MD</a>
				</h3>
				<div class="site-search-results-doctors-phone-holder bh-body-1-main">
					<a href="tel:4803214200" class="site-search-results-doctors-phone">(480) 321-4200</a>
				</div>
			</div>
		</div>
		<div class="site-search-results-doctors-card">
			<div class="site-search-results-doctors-left-side">
				<a href="https://kylesphx.com/asdf" tabindex="-1">
					<img class="site-search-results-doctors-image" alt="Charisse Hanne Te, MD" src="assets/toolkit/images/site-search-dr-3.jpeg" />
				</a>
				<div class="site-search-results-doctors-badge">
					<img class="site-search-results-doctors-badge-image" alt="Banner Physician" src="assets/toolkit/images/banner-physician-badge.png" />
				</div>

			</div>
			<div class="site-search-results-doctors-right-side">
				<h3 class="site-search-results-doctors-name">
					<a class="site-search-results-doctors-link" href="https://kylesphx.com/asdf">Nirmala Kumar, MD</a>
				</h3>
				<div class="site-search-results-doctors-rating">
					<div class="site-search-results-doctors-stars" data-star-rating="5.0">
						<div class="site-search-results-doctors-stars-filled"></div>
					</div>
					<div class="site-search-results-doctors-rating-caption bh-caption">5.0 out of 5.0</div>
				</div>
				<div class="site-search-results-doctors-phone-holder bh-body-1-main">
					<a href="tel:4803214200" class="site-search-results-doctors-phone">(480) 321-4200</a>
				</div>
			</div>
		</div>
		<div class="site-search-results-doctors-card">
			<div class="site-search-results-doctors-left-side">
				<a href="https://kylesphx.com/asdf" tabindex="-1">
					<img class="site-search-results-doctors-image" alt="Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA" src="assets/toolkit/images/site-search-dr-4.jpeg" />
				</a>
			</div>
			<div class="site-search-results-doctors-right-side">
				<h3 class="site-search-results-doctors-name">
					<a class="site-search-results-doctors-link" href="https://kylesphx.com/asdf">Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA</a>
				</h3>
				<div class="site-search-results-doctors-rating">
					<div class="site-search-results-doctors-stars" data-star-rating="1.3">
						<div class="site-search-results-doctors-stars-filled"></div>
					</div>
					<div class="site-search-results-doctors-rating-caption bh-caption">1.3 out of 5.0</div>
				</div>
				<a href="#" class="bh-primary-button bh-primary-button--small site-search-results-doctors-book-now">Book now</a>
			</div>
		</div>
		<div class="site-search-results-doctors-card">
			<div class="site-search-results-doctors-left-side">
				<a href="https://kylesphx.com/asdf" tabindex="-1">
					<img class="site-search-results-doctors-image" alt="Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA" src="assets/toolkit/images/site-search-dr-4.jpeg" />
				</a>
			</div>
			<div class="site-search-results-doctors-right-side">
				<h3 class="site-search-results-doctors-name">
					<a class="site-search-results-doctors-link" href="https://kylesphx.com/asdf">Francisco Rajanigandha Arabia Kapoor, Sr., MD, MBA</a>
				</h3>
				<div class="site-search-results-doctors-practice bh-caption">Endocrinology</div>
				<div class="site-search-results-doctors-rating">
					<div class="site-search-results-doctors-stars" data-star-rating="2.5">
						<div class="site-search-results-doctors-stars-filled"></div>
					</div>
					<div class="site-search-results-doctors-rating-caption bh-caption">2.5 out of 5.0</div>
				</div>
			</div>
		</div>
	</div>
	<div class="site-search-results-doctors-more bh-body-2-strong">
		<a href="#" class="site-search-results-doctors-more-link">More results</a>
	</div>
</section>

main results doctors api error

Other components needed (SCSS):
- Body copy with links (bh-body-1-main)

We are unable to search for doctors right now.

Here's what you can do:

SCSS file 
<section class="site-search-results-api-error">
	<div class="site-search-results-api-error-card">
		<p class="site-search-results-api-error-copy-1 bh-body-1-main">We are unable to search for doctors right now.</p>
		<p class="site-search-results-api-error-copy-2 bh-body-1-main">Here's what you can do:</p>
		<ul class="site-search-results-api-error-list bh-body-1-main">
			<li class="site-search-results-api-error-list-item"><a href="#" onclick="location.reload();">Refresh this page</a></li>
			<li class="site-search-results-api-error-list-item">Use the <a href="https://doctors.bannerhealth.com/search?unified=diabetes&sort=networks%2Crelevance&filter%5B%5D=show_in_pmc%3AYes&filter%5B%5D=pmc_db_only_provider_flag%3AF&location=85018&distance=10&tt=13635188-e0d1-4584-92de-6a757406e10b&ut=d97858da-6736-46ea-bfcd-57f9c2d4ac99&timestamp=2021-10-14T00%3A11%3A34.819Z">doctor search</a> to find a doctor</li>
			<li class="site-search-results-api-error-list-item">Call our Customer Care Center at <a href="tel:18332525535">(833) 252-5535</a></li>
		</ul>
	</div>
</section>

main results loading placeholder

SCSS file 
<section class="bh-loading-group">
	<section class="bh-loading-placeholder bh-loading-placeholder--text-only">
		<div class="bar bar--1"></div>
	</section>

	<section class="bh-loading-placeholder">
		<div class="bar bar--1"></div>
		<div class="bar bar--2"></div>
		<div class="bar bar--3"></div>
	</section>

	<section class="bh-loading-placeholder bh-loading-placeholder--text-only">
		<div class="bar bar--1"></div>
	</section>

	<section class="bh-loading-placeholder">
		<div class="bar bar--1"></div>
		<div class="bar bar--2"></div>
		<div class="bar bar--3"></div>
	</section>
</section>

main results locations

Other components needed (SCSS):
- Subtitles with links (bh-subtitle-1)
- Body copy with links (bh-body-2-main and bh-body-2-strong)
- Miscellaneous (bh-caption)
- Primary button (bh-primary-button--small)
- Outlined 1 button (bh-outlined-1-button--small)
- Location map pin

Banner Urgent Care
0.1 mi
Camelback & 7th St
5018 N 7th St Phoenix, AZ 85014
Open now: 8am-9pm | (602) 123-4567 | More info
Urgent Care (12)
8:00 AM 8:15 AM 8:30 AM 8:45 AM 10:30 AM 2:15 PM More times
Banner Physical Therapy
1.5 mi
McDowell & 107th Ave
1111 E. McDowell Rd., Phoenix, AZ 85006
Open now: 8am-6pm | (602) 123-4567 | More info
Physical Therapy (12)
Request appointment
Banner University Medical Center - Phoenix
10.8 mi
1111 E. McDowell Rd., Phoenix, AZ 85006
Open 24 hours | (602) 123-4567 | More info
Hospital (3) Emergency Care ER (6)
Book arrival
Banner Health Center
88.9 mi
1435 S Alma School Rd, Chandler, AZ 85286
(602) 123-4567 | More info
Doctor Clinic
More results
SCSS file 
<section class="site-search-results-locations">
	<div class="site-search-results-locations-inner">
		<div class="site-search-results-locations-map">
			<div class="site-search-results-locations-me"></div>
			<button class="bh-location-map-pin site-search-results-locations-pin site-search-results-locations-pin--example-1">
				<span class="bh-location-map-pin-number bh-body-2-strong"></span>
			</button>
			<button class="bh-location-map-pin site-search-results-locations-pin site-search-results-locations-pin--example-2">
				<span class="bh-location-map-pin-number bh-body-2-strong"></span>
			</button>
			<button class="bh-location-map-pin site-search-results-locations-pin site-search-results-locations-pin--example-3">
				<span class="bh-location-map-pin-number bh-body-2-strong"></span>
			</button>
		</div>
		<div class="site-search-results-locations-list">
			<div class="site-search-results-locations-location-item site-search-results-locations-location-item--time-slots">
				<div class="site-search-results-locations-location-left">
					<div class="site-search-results-locations-location-title-wrap">
						<div class="site-search-results-locations-location-title bh-subtitle-1"><a href="https://google.com" title="Location link" class="site-search-results-locations-location-title-link bh-heading-h3b">Banner Urgent Care</a></div>
						<div class="site-search-results-locations-mileage-wrap bh-caption"><img class="site-search-results-locations-car" alt="" src="assets/toolkit/images/site-search-car.svg" /> 0.1 mi </div>
					</div>
					<div class="site-search-results-locations-cross-streets bh-body-2-strong">Camelback &amp; 7th St</div>
					<div class="site-search-results-locations-location-address bh-body-2-main"><a href="#" title="Google Maps link" class="site-search-results-locations-location-address-link">5018 N 7th St Phoenix, AZ 85014</a></div>
					<div class="site-search-results-locations-location-hours bh-body-2-main">Open now: 8am-9pm <span class="site-search-results-locations-separator">|</span> <a href="tel:6021234567" title="Call location" class="site-search-results-locations-location-link">(602) 123-4567</a> <span class="site-search-results-locations-separator">|</span> <a href="#" title="Location page" class="site-search-results-locations-location-link">More info</a></div>
					<div class="site-search-results-locations-location-types">
						<a href="#" class="site-search-results-locations-location-type">Urgent Care (12)</a>
					</div>
					<div class="site-search-results-locations-location-buttons">
						<a href="#" class="bh-primary-button bh-primary-button--small">8:00 AM</a>
						<a href="#" class="bh-primary-button bh-primary-button--small">8:15 AM</a>
						<a href="#" class="bh-primary-button bh-primary-button--small">8:30 AM</a>
						<a href="#" class="bh-primary-button bh-primary-button--small">8:45 AM</a>
						<a href="#" class="bh-primary-button bh-primary-button--small">10:30 AM</a>
						<a href="#" class="bh-primary-button bh-primary-button--small">2:15 PM</a>
						<a href="#" class="bh-outlined-1-button bh-outlined-1-button--small">More times</a>
					</div>
				</div>
			</div>
			<div class="site-search-results-locations-location-item site-search-results-locations-location-item--2-buttons">
				<div class="site-search-results-locations-location-left">
					<div class="site-search-results-locations-location-title-wrap">
						<div class="site-search-results-locations-location-title bh-subtitle-1"><a href="#" title="Location link" class="site-search-results-locations-location-title-link bh-heading-h3b">Banner Physical Therapy</a></div>
						<div class="site-search-results-locations-mileage-wrap bh-caption"><img class="site-search-results-locations-car" alt="" src="assets/toolkit/images/site-search-car.svg" /> 1.5 mi </div>
					</div>
					<div class="site-search-results-locations-cross-streets bh-body-2-strong">McDowell &amp; 107th Ave</div>
					<div class="site-search-results-locations-location-address bh-body-2-main"><a href="#" title="Google Maps link" class="site-search-results-locations-location-address-link">1111 E. McDowell Rd., Phoenix, AZ 85006</a></div>
					<div class="site-search-results-locations-location-hours bh-body-2-main">Open now: 8am-6pm <span class="site-search-results-locations-separator">|</span> <a href="tel:6021234567" title="Call location" class="site-search-results-locations-location-link">(602) 123-4567</a> <span class="site-search-results-locations-separator">|</span> <a href="#" title="Location page" class="site-search-results-locations-location-link">More info</a></div>
					<div class="site-search-results-locations-location-types">
						<a href="#" class="site-search-results-locations-location-type">Physical Therapy (12)</a>
					</div>
					<div class="site-search-results-locations-location-buttons">
						<a href="#" class="bh-primary-button bh-primary-button--small">Request appointment</a>
					</div>
				</div>
			</div>
			<div class="site-search-results-locations-location-item site-search-results-locations-location-item--1-button">
				<div class="site-search-results-locations-location-left">
					<div class="site-search-results-locations-location-title-wrap">
						<div class="site-search-results-locations-location-title bh-subtitle-1"><a href="#" title="Location link" class="site-search-results-locations-location-title-link bh-heading-h3b">Banner University Medical Center - Phoenix</a></div>
						<div class="site-search-results-locations-mileage-wrap bh-caption"><img class="site-search-results-locations-car" alt="" src="assets/toolkit/images/site-search-car.svg" /> 10.8 mi </div>
					</div>
					<div class="site-search-results-locations-location-address bh-body-2-main"><a href="#" title="Google Maps link" class="site-search-results-locations-location-address-link">1111 E. McDowell Rd., Phoenix, AZ 85006</a></div>
					<div class="site-search-results-locations-location-hours bh-body-2-main">Open 24 hours <span class="site-search-results-locations-separator">|</span> <a href="tel:6021234567" title="Call location" class="site-search-results-locations-location-link">(602) 123-4567</a> <span class="site-search-results-locations-separator">|</span> <a href="#" title="Location page" class="site-search-results-locations-location-link">More info</a></div>
					<div class="site-search-results-locations-location-types">
						<a href="#" class="site-search-results-locations-location-type">Hospital (3)</a>
						<a href="#" class="site-search-results-locations-location-type">Emergency Care ER (6)</a>
					</div>
					<div class="site-search-results-locations-location-buttons">
						<a href="#" class="bh-primary-button bh-primary-button--small">Book arrival</a>
					</div>
				</div>
			</div>
			<div class="site-search-results-locations-location-item site-search-results-locations-location-item--no-buttons">
				<div class="site-search-results-locations-location-left">
					<div class="site-search-results-locations-location-title-wrap">
						<div class="site-search-results-locations-location-title bh-subtitle-1"><a href="#" title="Location link" class="site-search-results-locations-location-title-link bh-subtitle-1-alt-link">Banner Health Center</a></div>
						<div class="site-search-results-locations-mileage-wrap bh-caption"><img class="site-search-results-locations-car" alt="" src="assets/toolkit/images/site-search-car.svg" /> 88.9 mi </div>
					</div>
					<div class="site-search-results-locations-location-address bh-body-2-main"><a href="#" title="Google Maps link" class="site-search-results-locations-location-address-link">1435 S Alma School Rd, Chandler, AZ 85286</a><span class="site-search-results-locations-mobile-wrap"></div>
					<div class="site-search-results-locations-location-hours bh-body-2-main"><a href="tel:6021234567" title="Call location" class="site-search-results-locations-location-link">(602) 123-4567</a> <span class="site-search-results-locations-separator">|</span> <a href="#" title="Location page" class="site-search-results-locations-location-link">More info</a></div>
					<div class="site-search-results-locations-location-types">
						<a href="#" class="site-search-results-locations-location-type">Doctor Clinic</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="site-search-results-locations-more bh-body-2-strong">
		<a href="#" class="site-search-results-locations-more-link">More results</a>
	</div>
</section>

main results locations api error

Other components needed (SCSS):
- Main results doctors api error
- Body copy with links (bh-body-1-main)

We are unable to search for locations right now.

Here's what you can do:

<section class="site-search-results-api-error">
	<div class="site-search-results-api-error-card">
		<p class="site-search-results-api-error-copy-1 bh-body-1-main">We are unable to search for locations right now.</p>
		<p class="site-search-results-api-error-copy-2 bh-body-1-main">Here's what you can do:</p>
		<ul class="site-search-results-api-error-list bh-body-1-main">
			<li class="site-search-results-api-error-list-item"><a href="#" onclick="location.reload();">Refresh this page</a></li>
			<li class="site-search-results-api-error-list-item">Use the <a href="https://www.bannerhealth.com/locations?search=submit&locname=diabetes&zip=85018&city=Phoenix&state=AZ">location search</a> to find a location</li>
			<li class="site-search-results-api-error-list-item">Call our Customer Care Center at <a href="tel:18332525535">(833) 252-5535</a></li>
		</ul>
	</div>
</section>

main results section header

Other components needed (SCSS):
- Headings (bh-heading-h2b)
- Body copy (bh-body-2-main)

Doctors About 16 results near Phoenix, AZ 85018

SCSS file 
<h2 class="site-search-section-header">
	<span class="site-search-section-header-heading bh-heading-h2b">Doctors</span>
	<span class="site-search-section-header-subheading bh-body-2-main">About 16 results near Phoenix, AZ 85018</span>
</h2>

main results services

Other components needed (SCSS):
- Body copy (bh-body-1-tight)
- Body copy with links (bh-body-2-strong)

Primary Care

Our providers support your care journey throughout your life.

Neurosurgery

Whether you’re suffering from a neurological disease or a tumor, Banner Health experts are ready to help get your life back to normal.

Behavioral Health & Mental Health

At Banner Health, we take a comprehensive approach to our spine care program with a variety of care and treatment options...
More results
SCSS file 
<section class="services">
	<div class="services-container">
		<div class="services-results">
			<a href="#" class="services-results-card">
				<div class="services-results-card-info">
					<h3 class="search-result-title"><span class="search-result-title-text">Primary Care</span></h3>
					<p class="search-result-description bh-body-1-tight">Our providers support your care journey throughout your life.</p>
				</div>
			</a>
			<a href="#" class="services-results-card">
				<div class="services-results-card-info">
					<h3 class="search-result-title"><span class="search-result-title-text">Neurosurgery</span></h3>
					<p class="search-result-description bh-body-1-tight">Whether you’re suffering from a neurological disease or a tumor, Banner Health experts are ready to help get your life back to normal.</p>
				</div>
			</a>
			<a href="#" class="services-results-card">
				<div class="services-results-card-info">
					<h3 class="search-result-title"><span class="search-result-title-text">Behavioral Health & Mental Health</span></h3>
					<p class="search-result-description bh-body-1-tight">At Banner Health, we take a comprehensive approach to our spine care program with a variety of care and treatment options...</p>
				</div>
			</a>
		</div>
		<div class="services-more-results">
			<div class="site-search-results-doctors-more bh-body-2-strong">
				<a href="#" class="site-search-results-doctors-more-link">More results</a>
			</div>
		</div>
	</div>
</section>

main results services api error

Other components needed (SCSS):
- Main results doctors api error
- Body copy with links (bh-body-1-main)

We are unable to search for services right now.

Here's what you can do:

<section class="site-search-results-api-error">
	<div class="site-search-results-api-error-card">
		<p class="site-search-results-api-error-copy-1 bh-body-1-main">We are unable to search for services right now.</p>
		<p class="site-search-results-api-error-copy-2 bh-body-1-main">Here's what you can do:</p>
		<ul class="site-search-results-api-error-list bh-body-1-main">
			<li class="site-search-results-api-error-list-item"><a href="#" onclick="location.reload();">Refresh this page</a></li>
			<li class="site-search-results-api-error-list-item">Use the <a href="https://www.bannerhealth.com/services/service-search-results?searchTerm=diabetes&page=1">services search</a> to find a service</li>
			<li class="site-search-results-api-error-list-item">Call our Customer Care Center at <a href="tel:18332525535">(833) 252-5535</a></li>
		</ul>
	</div>
</section>

main results uncategorized

Modifier classes:
filtered: can be added to the main site-search-results-uncategorized div when the component is used on the filtered version of the search page
Other components needed (SCSS):
- Headings (bh-heading-h2b)
- Body copy (bh-body-1-tight)
- Miscellaneous (bh-caption)

Back and Neck Pain https://www.bannerhealth.com/services/spine/types-of-spine-conditions/back-and-neck-pain
What Is Back and Neck Pain? Back and neck pain is common among people of all ages. Overuse of muscles and repetitive actions can cause and prolong...
Outpatient Pain Management Procedures https://www.bannerhealth.com/services/outpatient-surgery/common-procedures/pain-management
Whether you’re experiencing pain from an injury, surgery or disease, Banner Health’s outpatient pain management is here to help. Learn...
Pain Management and Care https://www.bannerhealth.com/services/neurology/programs-care/pain-management
Neuropathic pain is a chronic condition that can range from discomfort to severe burning or shooting pain. Finding the right pain management plan...
SCSS file 
<section class="site-search-results-uncategorized">
	<div class="site-search-results-uncategorized-result">
		<a href="#" class="site-search-results-uncategorized-link">
			<span class="site-search-results-uncategorized-title bh-heading-h2b">Back and Neck Pain</span>
			<span class="site-search-results-uncategorized-url bh-caption">https://www.bannerhealth.com/services/spine/types-of-spine-conditions/back-and-neck-pain</span>
		</a>
		<div class="site-search-results-uncategorized-preview bh-body-1-tight">What Is Back and Neck Pain? Back and neck pain is common among people of all ages. Overuse of muscles and repetitive actions can cause and prolong...</div>
	</div>
	<div class="site-search-results-uncategorized-result">
		<a href="#" class="site-search-results-uncategorized-link">
			<span class="site-search-results-uncategorized-title bh-heading-h2b">Outpatient Pain Management Procedures</span>
			<span class="site-search-results-uncategorized-url bh-caption">https://www.bannerhealth.com/services/outpatient-surgery/common-procedures/pain-management</span>
		</a>
		<div class="site-search-results-uncategorized-preview bh-body-1-tight">Whether you’re experiencing pain from an injury, surgery or disease, Banner Health’s outpatient pain management is here to help. Learn...</div>
	</div>
	<div class="site-search-results-uncategorized-result">
		<a href="#" class="site-search-results-uncategorized-link">
			<span class="site-search-results-uncategorized-title bh-heading-h2b">Pain Management and Care</span>
			<span class="site-search-results-uncategorized-url bh-caption">https://www.bannerhealth.com/services/neurology/programs-care/pain-management</span>
		</a>
		<div class="site-search-results-uncategorized-preview bh-body-1-tight">Neuropathic pain is a chronic condition that can range from discomfort to severe burning or shooting pain. Finding the right pain management plan...</div>
	</div>
</section>

other

error message no results

Other components needed (SCSS):
- Subtitles (bh-subtitle-1)
- Body copy (bh-body-1-main)

Nothing here matches your search for fosnryrd

Suggestions:

  • Make sure all words are spelled correctly.
  • Try different search terms.
  • Try more general search terms.
  • Try fewer search terms.
SCSS file 
<div class="search-results">
	<div class="search-results-container">
		<div class="search-results-header">
			<p class="search-results-query-alert">Nothing here matches your search for <span class="search-results-query">fosnryrd</span></p>
		</div>
		<div class="search-results-suggestions">
			<h4 class="bh-subtitle-1 search-results-suggestions-header">Suggestions:</h4>
			<ul class="search-results-suggestions-list">
				<li class="search-results-suggestions-item bh-body-1-main">Make sure all words are spelled correctly.</li>
				<li class="search-results-suggestions-item bh-body-1-main">Try different search terms.</li>
				<li class="search-results-suggestions-item bh-body-1-main">Try more general search terms.</li>
				<li class="search-results-suggestions-item bh-body-1-main">Try fewer search terms.</li>
			</ul>
		</div>
	</div>
</div>

error message no results suggestion

Other components needed (SCSS):
- Error message no results
- Headings with links (bh-heading-h3b)
- Subtitles (bh-subtitle-1)
- Body copy (bh-body-1-main)

Did you mean diabetes?

Nothing here matches your search for diabeetis.

Suggestions:

  • Make sure all words are spelled correctly.
  • Try different search terms.
  • Try more general search terms.
  • Try fewer search terms.
SCSS file 
<div class="search-results search-results--did-you-mean">
	<div class="search-results-container">
		<div class="search-results-question">
			<h3 class="search-results-question-text bh-heading-h3b">Did you mean <a href="?q=diabetes" class="search-results-query-fixed">diabetes</a>?</h3>
		</div>
		<div class="search-results-header">
			<p class="search-results-query-alert">Nothing here matches your search for <span class="search-results-query">diabeetis</span>.</p>
		</div>
		<div class="search-results-suggestions">
			<h4 class="bh-subtitle-1 search-results-suggestions-header">Suggestions:</h4>
			<ul class="search-results-suggestions-list">
				<li class="search-results-suggestions-item bh-body-1-main">Make sure all words are spelled correctly.</li>
				<li class="search-results-suggestions-item bh-body-1-main">Try different search terms.</li>
				<li class="search-results-suggestions-item bh-body-1-main">Try more general search terms.</li>
				<li class="search-results-suggestions-item bh-body-1-main">Try fewer search terms.</li>
			</ul>
		</div>
	</div>
</div>

error message site search down

Other components needed (SCSS):
- Headings (bh-heading-h2b)
- Subtitles (bh-subtitle-1)
- Body copy with links (bh-body-1-main)

We are unable to display results right now.

Here's what you can do:
SCSS file 
<section class="error-search-down">
	<h2 class="error-search-down-title bh-heading-h2b">We are unable to display results right now.</h2>
	<div class="error-search-down-subtitle bh-subtitle-1">Here's what you can do:</div>
	<ul class="error-search-down-list bh-body-1-main">
		<li class="error-search-down-list-item"><a href="#" onclick="location.reload();">Refresh this page</a></li>
		<li class="error-search-down-list-item">Search inside one of these categories &mdash; <a href="https://doctors.bannerhealth.com/search?unified=diabetes&sort=networks%2Crelevance&filter%5B%5D=show_in_pmc%3AYes&filter%5B%5D=pmc_db_only_provider_flag%3AF&location=85018&distance=10&tt=13635188-e0d1-4584-92de-6a757406e10b&ut=d97858da-6736-46ea-bfcd-57f9c2d4ac99&timestamp=2021-10-14T00%3A11%3A34.819Z">doctors</a>, <a href="https://www.bannerhealth.com/locations?search=submit&locname=diabetes&zip=85018&city=Phoenix&state=AZ">locations</a>, <a href="https://www.bannerhealth.com/services/service-search-results?searchTerm=diabetes&page=1">services</a>, <a href="https://www.bannerhealth.com/healthcareblog/searchresults?searchTerm=diabetes&page=1">blog</a></li>
		<li class="error-search-down-list-item">Access helpful patient tools &mdash; <a href="https://www.bannerhealth.com/patients/billing">bill pay</a>, <a href="https://mybanner.bannerhealth.com/portal-login">patient portal</a></li>
		<li class="error-search-down-list-item">Browse topics in <a href="https://www.bannerhealth.com/staying-well">health and wellness</a></li>
		<li class="error-search-down-list-item">Call our Customer Care Center at <a href="tel:18332525535">(833) 252-5535</a></li>
	</ul>
</section>

site search ad

Banner Health services at your fingertips - a phone showing the Banner Health app Banner Health services at your fingertips - a phone showing the Banner Health app
SCSS file 
<div class="site-search-promo">
	<a class="site-search-promo-link" href="#">
		<img class="site-search-promo-image site-search-promo-image--mobile" alt="Banner Health services at your fingertips - a phone showing the Banner Health app" src="assets/toolkit/images/site-search-ad-v1.jpeg" />
		<img class="site-search-promo-image site-search-promo-image--desktop" alt="Banner Health services at your fingertips - a phone showing the Banner Health app" src="assets/toolkit/images/site-search-ad-v2.jpeg" />
	</a>
</div>

© Banner Health