Support and documentation

WCF provides an API that adds the functionality expected from a Web Component: the ability to dynamically change and communicate seamlessly with other interface elements.

One of the main characteristics of the components generated by Web Component Factory is that it is possible to incorporate JavaScript code into the component without altering the component itself. Not only that, but all constants, variables and methods of the component can be accessed directly without intermediaries. The mechanism for doing this is called…

A Web Component is a Custom Element, which for HTML standards means that while its behavior and display on the screen are defined by the component’s own JavaScript code, from the browser’s standpoint, it is another element and therefore has all the properties of any HTML element, including CSS for itself and its descendant elements.

Components created by Web Component Factory are designed to provide simple and sophisticated handling through the inclusion of attributes. Features like customization of texts, images, and links, customization through variants, and changes to the component via switches, are all handled by adding, modifying, and removing attributes. Not only the component tag use attributes to facilitate…

The functionality of Web Components within a form must be handled carefully, particularly when they are components encapsulated in a Shadow DOM using shadowRoot. There is an excellent review of the issues that arise, especially those related to accessibility, in the note Web Components Accessibility FAQ. We want to make it clear that the components…

Web Component Factory links allow to connect any component attribute to any attribute from another component, including the variant. When a link between two components is established, it changes the attribute of the source component, which also changes the attribute of the destination component without needing to take further action. An unlimited number of links…

Switches are a powerful customizing tool for Web Components generated by WCF. It is based on a very simple idea: by assigning a value to the attribute named after the swift in the component, a CSS class, which has that value as its name, is added to the element within the component, as shown in…

Variants allow components to present themselves differently on the screen. or Variants allow components to have a different representation on the screen. These changes may range from small details, like background colour, to radical changes such as a small button being replaced by a form. Variants are based on the Figma variants‘ idea. As a…

Generating Web Components from Figma with WCF is straightforward, since Figma implements a strong component model, that can be fully matched when generating Web Components. Components, subcomponents and instances In Figma a Component can have an unlimited quantity of nested subcomponents. The same happens in WCF generated Web Components. In Figma, nested subcomponents aren’t components…

Web Component Factory configuration is very easy. The most important data in configuration is the Figma Access Token, which allows WCF to access in read-only mode your Figma files, in order to get the design information for Web Component generation. The other configuration block is dedicated to component file structure when downloading. In order to…