How to customize component files

[kdubb]

I'm trying to customize the source component (via overriding its index.ts). I've followed the docs for overriding files but my override is never recognized.

Here is my directory layout:

.
├── docs
│   ├── assets
│   │   └── logo.svg
│   ├── index.md
│   └── stylesheets
│       └── custom.css
├── mkdocs.yml
├── overrides
│   ├── assets
│   │   └── javascripts
│   │       └── components
│   │           └── source
│   │               └── _
│   │                   └── index.ts
│   └── partials
│       └── header.html

Here is my mkdocs.yml:

site_name: Test

theme:
  name: material
  logo: assets/logo.svg
  icon:
    repo: fontawesome/brands/github
  custom_dir: overrides

extra_css:
  - stylesheets/custom.css

nav:
  Home: index.md

[squidfunk]

I’m afraid that’s not possible. You can only extend the files which are part of the material folder. In order to make changes to the TypeScript or SASS sources you’d need to go through a build process as described in the theme development guide.