In Summer 2019 we will be moving Capital Framework's code to the design-system repository. Until that migration occurs, please continue to use these docs.

Anatomy of a Component


The working folder containing component source files.


Screenshot of the component in a browser.

Markdown file containing code snippets of how to use the component. cf-buttons is a good example.


Used to record the component’s dependencies, keywords and description, among other things. The less property should point to the component’s Less file, styles to the component’s compiled CSS file, and main to the component’s JavaScript file, if applicable. Whenever you update a component, increment the component’s package.json file appropriately.