Override Components

You can override any components explained above in MUI and Custom sections.

Let us assume that you want to override the Page Header component.

You need to make a new file in the src/layouts/components folder. Copy the code from the src/@core/components/page-header/index.tsx file and paste it into the new file you just made. And then, you just need to write the component however you want.

// using `src/layouts/components/page-header` component in any of your pages

import UserPageHeader from 'src/layouts/components/page-header'

<UserPageHeader title='React ApexCharts' subtitle='React Component for ApexCharts' />