Use external static files with your component

You can manage your client-side CSS, JavaScript, and other static files by referencing external files so that you can apply styling and scripts with your global templates.

This approach is useful if you are using a global design system or design approach, and want to manage your global styling centrally. It is particularly useful when your design system is made up of many components. There is less benefit in trying to make your components self-contained if they will be part of an overarching design approach.

Set up your preview files to reference your global styles and scripts which can be served from your CMS or other delivery platform.

You can also consider setting up a git bridge if you want to be able to automatically deploy your global CSS and JavaScript files to a Matrix global template.