📄️ Block component
A block component injects HTML at a specific location in Future Ordering UI. When registering a block component a location is specified which tells the UI where to place the HTML it generates. Multiple components can be registered to the same location.
📄️ Block component locations
start-bottom
📄️ Page component
A page component is similar to a block component but instead of being injected into a page, it stands as its own separate page.
📄️ Transform component
A transform component modifies lists or other types of repeating data.
📄️ Transform component locations
popout-nav-menu-item
📄️ Component styling
Components use the shadow DOM, which isolates the CSS from its parent document. An exception is fonts, which are inherited from the parent.