> For the complete documentation index, see [llms.txt](https://aaron-mota.gitbook.io/aarons-style-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aaron-mota.gitbook.io/aarons-style-guide/frontend/todo/creating-a-new-component.md).

# Creating a New Component

### General

* **Icons**
  * Always use **MUI Icons**, [which can be found here](https://mui.com/material-ui/material-icons/?theme=Rounded) (prefer "rounded" when available in that version)
* **JSX**
  * [Always prefer **MUI components** (vs plain JSX)](broken://pages/LkCndX5lHJAFBNJ8Iert)

### **Creating a new Page**

* **(1) A new page should be created**
  * Filename: `index.tsx`
  * Location: `src/pages/[page-name]/index.tsx`
* **(2) A new components folder (and subfolder) should be created**
  * Folder name: `_components/`
  * Location: `src/pages/[page-name]/_components/`
* **(3) Use our current template for PodX.tsx components**
  * Aka, copy everything within `components/team-members` & paste into `components/[page-name]`
  * ***\*\*TODO: UPDATE THIS SECTION***