# Search

**File Name:** Search.tsx

**Imports:** 
- TextField from Material-UI: [TextField Doc](https://material-ui.com/components/text-fields/#textfield)
- TextField from '@material-ui/core/TextField': [TextField API](https://material-ui.com/api/text-field/#textfield-api)

**Example:** Search Bar on the Nav Bar

**Description:** 

The Search bar allows the user to search items by name on the following pages: 
- Daily Roster 
- Select Time Slot 
- Manage Schedules
- Manage Skills 
- Manage Positions 
- Manage Users

**I/O:** 
- Entering a name with the Search bar should show items that match that name. 
- Ex. searching for a particular user in Manage Users should show that user.

<img src="../../images/components/Search.PNG" width="800"/>