# Search & Discovery / Global Service Discovery Results Comprehensive search results across government departments with faceted filters and service cards. **Category:** Patterns **Storybook:** https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-global-service-discovery-results--desktop-workspace ## Pattern variants - Desktop Workspace: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-global-service-discovery-results--desktop-workspace - FullScreen: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-global-service-discovery-results--fullscreen - Column: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-global-service-discovery-results--column ## When to use this pattern Use Search & Discovery / Global Service Discovery Results when building citizen-facing flows that match the described government journey. Combine components such as cards, forms, tables, buttons, and status indicators as shown in Storybook. ## Framework setup ### HTML / CDN ```html ``` ### React ```bash npm install ux4g-web-components ``` ```jsx import 'ux4g-web-components/styles.css'; import 'ux4g-web-components/design-system'; ``` ### Angular Update `angular.json`: ```json { "styles": [ "node_modules/ux4g-web-components/styles/ux4g.css", "src/styles.css" ], "scripts": [ "node_modules/ux4g-web-components/dist/runtime/design-system.js" ] } ``` ## Code examples The snippets below are extracted from the Storybook canvas for Search & Discovery / Global Service Discovery Results. Each example shows the rendered HTML, the equivalent React JSX, and the Angular template markup. ### 1. Column — Global Service Discovery Results - Full Page HTML: ```html
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

48 results

Filters

Clear all
State
Maharashtra
expand_more
Department
Fee
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
Showing
expand_more
of 48 items
``` React: ```jsx import React from 'react'; const SearchDiscoveryGlobalServiceDiscoveryResultsExample1Demo = () => ( <>
{/* Breadcrumbs */}
{/* Health Services Title Section */}
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

{/* Search Results Section */}
{/* Mobile Header only (to toggle filters on mobile) */}
48 results
{/* Filter Chips/Tabs */}
{/* Main Grid Layout */}
{/* Left Sidebar: Filters Panel */}

Filters

Clear all
{/* State Filter */}
State
Maharashtra
expand_more
{/* Department Filter */}
Department
{/* Fee Filter */}
Fee
{/* Right Content: Results List */}
{/* Row 1: Ayushman Bharat Health Card */}
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
{/* Row 2: Hospital Empanelment */}
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
{/* Row 3: Birth Certificate */}
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
{/* Row 4: Disability Certificate (UDID) */}
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
{/* Row 5: Health Insurance Claim */}
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
{/* Row 6: Vaccination Certificate */}
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
{/* Row 7: Medical Reimbursement */}
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
{/* Row 8: Janani Suraksha Yojana */}
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
{/* Numbered Pagination Block (outside grid, full width below it) */}
Showing
expand_more
of 48 items
{/* Mobile Pagination Block */}
); export default SearchDiscoveryGlobalServiceDiscoveryResultsExample1Demo; ``` Angular: ```html
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

48 results

Filters

Clear all
State
Maharashtra
expand_more
Department
Fee
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
Showing
expand_more
of 48 items
``` ### 2. Desktop Workspace — Global Service Discovery Results - Full Page HTML: ```html
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

48 results

Filters

Clear all
State
Maharashtra
expand_more
Department
Fee
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
Showing
expand_more
of 48 items
``` React: ```jsx import React from 'react'; const SearchDiscoveryGlobalServiceDiscoveryResultsExample2Demo = () => ( <>
{/* Breadcrumbs */}
{/* Health Services Title Section */}
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

{/* Search Results Section */}
{/* Mobile Header only (to toggle filters on mobile) */}
48 results
{/* Filter Chips/Tabs */}
{/* Main Grid Layout */}
{/* Left Sidebar: Filters Panel */}

Filters

Clear all
{/* State Filter */}
State
Maharashtra
expand_more
{/* Department Filter */}
Department
{/* Fee Filter */}
Fee
{/* Right Content: Results List */}
{/* Row 1: Ayushman Bharat Health Card */}
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
{/* Row 2: Hospital Empanelment */}
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
{/* Row 3: Birth Certificate */}
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
{/* Row 4: Disability Certificate (UDID) */}
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
{/* Row 5: Health Insurance Claim */}
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
{/* Row 6: Vaccination Certificate */}
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
{/* Row 7: Medical Reimbursement */}
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
{/* Row 8: Janani Suraksha Yojana */}
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
{/* Numbered Pagination Block (outside grid, full width below it) */}
Showing
expand_more
of 48 items
{/* Mobile Pagination Block */}
); export default SearchDiscoveryGlobalServiceDiscoveryResultsExample2Demo; ``` Angular: ```html
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

48 results

Filters

Clear all
State
Maharashtra
expand_more
Department
Fee
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
Showing
expand_more
of 48 items
``` ### 3. Full Screen — Global Service Discovery Results - Full Page HTML: ```html
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

48 results

Filters

Clear all
State
Maharashtra
expand_more
Department
Fee
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
Showing
expand_more
of 48 items
``` React: ```jsx import React from 'react'; const SearchDiscoveryGlobalServiceDiscoveryResultsExample3Demo = () => ( <>
{/* Breadcrumbs */}
{/* Health Services Title Section */}
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

{/* Search Results Section */}
{/* Mobile Header only (to toggle filters on mobile) */}
48 results
{/* Filter Chips/Tabs */}
{/* Main Grid Layout */}
{/* Left Sidebar: Filters Panel */}

Filters

Clear all
{/* State Filter */}
State
Maharashtra
expand_more
{/* Department Filter */}
Department
{/* Fee Filter */}
Fee
{/* Right Content: Results List */}
{/* Row 1: Ayushman Bharat Health Card */}
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
{/* Row 2: Hospital Empanelment */}
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
{/* Row 3: Birth Certificate */}
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
{/* Row 4: Disability Certificate (UDID) */}
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
{/* Row 5: Health Insurance Claim */}
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
{/* Row 6: Vaccination Certificate */}
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
{/* Row 7: Medical Reimbursement */}
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
{/* Row 8: Janani Suraksha Yojana */}
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
{/* Numbered Pagination Block (outside grid, full width below it) */}
Showing
expand_more
of 48 items
{/* Mobile Pagination Block */}
); export default SearchDiscoveryGlobalServiceDiscoveryResultsExample3Demo; ``` Angular: ```html
health_and_safety

Health services

Hospitals, certificates, insurance and disability services · 48 services

48 results

Filters

Clear all
State
Maharashtra
expand_more
Department
Fee
health_and_safety

Ayushman Bharat Health Card

Health & Family Welfare
Free schedule 7 days
Free schedule 7 days
local_hospital

Hospital Empanelment

National Health Authority
Free schedule 30 days
Free schedule 30 days
cake

Birth Certificate

Municipal Corporation
Free schedule 20 mins
Free schedule 20 mins
accessibility_new

Disability Certificate (UDID)

Social Justice Department
Free schedule 15 days
Free schedule 15 days
medical_services

Health Insurance Claim

State Health Agency
Free schedule 10 days
Free schedule 10 days
vaccines

Vaccination Certificate

CoWIN - Health Ministry
Free schedule Instant
Free schedule Instant
payments

Medical Reimbursement

Health Department
Paid ₹ 50/- schedule 21 days
Paid ₹ 50/- schedule 21 days
pregnant_woman

Janani Suraksha Yojana

Health & Family Welfare
Free schedule On delivery
Free schedule On delivery
Showing
expand_more
of 48 items
```