📄️ Introduction
Themes created with SALVO-TS use the concept of components to separate a sites into logical units of functionality and styling. A component encapsulates a single feature or concern completely, including all of it's logic (TS), styling (SCSS), and often it's structure (Liquid or React).
📄️ Component basics
Creating components
📄️ Styling components
See Styling for general information about SALVO-TS's SCSS setup.
📄️ Lifecycle
SALVO-TS components are Web Components, which means that they're associated with custom HTML elements (like ``). When these elements are used on a page, the browser automatically creates the associated javascript class.
📄️ Component templates
Although components can be used directly within any liquid files in static/, often your component has a set structure that you would have to create and maintain at multiple locations in your theme. SALVO-TS supports defining a template for a component alongside it's script, which you can then use elsewhere in this theme using a convenient preprocessor tag.
🗃️ Advanced
4 items
🗃️ Examples
2 items