Use this interactive accordion-link component in places where information is optional.

• This component makes use of the HTML details element.
• To toggle the default state, the open attribute: <details class="vf-details" open>.

This repository is distributed with [npm][https://www.npmjs.com/]. After [installing npm][https://www.npmjs.com/get-npm] and yarn, you can install vf-details with this command.

$ yarn add --dev @visual-framework/vf-details

This component does not use JS.

The source files included are written in Sass(scss). You can point your Sass include-path at your node_modules directory and import it like this.

@import "@visual-framework/vf-details/index.scss";

Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter

• Read the Visual Framework troubleshooting
• Open a ticket
• Chat on Slack