To add Tenon support to your Fractal instance, run
npm install fractal-tenon --save
To add the Tenon tab to your component view and enable accessibility testing, you need to add some lines to your
fractal.js project configuration:
'use strict';const fractal = moduleexports = ;/* Regular project configuration here ... */// Require the Fractal theme and Tenon add-on librariesconst mandelbrot = ;const tenon = ;// Explicitly create a theme instanceconst theme = ;// Configure Tenon support;// Let Fractal use the configured themefractalweb;
You need to provide two parameters to configure Tenon support:
If configured correctly, Fractal should show you a new panel labelled "Tenon" in your component view.
You may control its position by explicitly configuring the
panels option of your Fractal theme (e.g. Mandelbrot):
const theme =;
Hitting the "Test with Tenon" button will call Tenon and display a short version the issues found for your component. You may view the full test results on tenon.io;
Please refer to the changelog for a complete release history.