# Search & Discovery / Search Results
Filterable search results with comprehensive faceted navigation for government services.
**Category:** Patterns
**Storybook:** https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-results--desktop-workspace
## Pattern variants
- Desktop Workspace: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-results--desktop-workspace
- FullScreen: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-results--fullscreen
- Column: https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-results--column
## When to use this pattern
Use Search & Discovery / Search 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 / Search Results. Each example shows the rendered HTML, the equivalent React JSX, and the Angular template markup.
### 1. Column — Search Results
HTML:
```html