Use components for resolving script dependencies

Each Feather client-side component requires you to describe all scripts that it depends on, so you can use it. For example, if you want to use the sf-image-selector in your designer view, you need to describe the 26 scripts the selector depends on. For more information, see Use-an-image-selector.

Feather enables you specify the component you rely on as a single alias, instead of having to describe all component's script dependencies. What you do is add just one dependency to the component. For example, you add a dependency to the sf-image-selector and as a result, your DesignerView.YourView.json has the following content:

   {
      "priority": 1,
      "components": ["sf-image-selector"]
   }

Of course, you can still list in your DesignerView.YourView.json all the scripts you want to load. You can even combine both scripts and components, thus loading your custom scripts while in the same time working with Feather's built-in components.

The following list describes all components you can use:

Component	Description
sf-collection	Displays a collection of selectable items.
sf-tree	Displays a hierarchical collection of selectable items.
sf-infinite-scroll	Infinite scrolling through items.
sf-search-box	Interface for user input used by the searching functionality.
sf-sort-box	Functionality for displaying sort options.
sf-drag-drop	Add drag and drop functionality to an HTML element.
sf-flat-taxon-field	Select and create taxons by typing their name in a text box.
sf-image-field	Select and display an image from the existing libraries in your website.
sf-media-field	Select and display an document from the existing libraries in your website.
sf-news-selector	Select news from your Sitefinity application.
sf-page-selector	Select pages from your Sitefinity application.
sf-multisite-page-selector	Select pages, based on the sites and available languages in your Sitefinity application.
sf-taxon-selector	Select taxa from a flat taxonomy like Tags or a custom classification.
sf-hierarchical-taxon-selector	Select taxa from a hierarchical taxonomy like Categories or a custom classification.
sf-dynamic-items-selector	Select dynamic content items from your Sitefinity application.
sf-date-time-picker	Simple way of selecting date and time.
sf-timespan-selector	Select period by concrete dates or time interval.
sf-site-selector	Select different sites defined in your Sitefinity application.
sf-language-selector	Select different culture defined in your Sitefinity application.
sf-link-selector	Generate hyperlinks to a website, a page from this site, an anchor in the text or an email.
sf-library-selector	Select from a list of all existing libraries in your website.
sf-image-selector	Display and retrieve one or several selected images.
sf-document-selector	Display and retrieve one or several selected documents.
sf-role-selector	Display and select from a list of all existing roles defined in your website.