Introducing Socket Firewall: Free, Proactive Protection for Your Software Supply Chain.Learn More
Socket
Book a DemoInstallSign in
Socket

@economist/component-accordion

Package Overview
Dependencies
Maintainers
5
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@economist/component-accordion

Collapse a series of panels, when one of those panels is expanded

latest
Source
npmnpm
Version
5.1.0
Version published
Weekly downloads
26
1200%
Maintainers
5
Weekly downloads
 
Created
Source

By:EconomistBuild StatusBuild StatusCoverage Status

Accordion

Collapse a series of panels, when one of those panels is expanded

Usage

This component expects an ES6 environment, and so if you are using this in an app, you should drop in a polyfill library - it has been tested with babel-polyfill but core-js or es6-shim may also work.

The default export is a React Component, so you can simply import the component and use it within some JSX, like so:

import { Accordion, Panel } from '@economist/component-accordion';

return (
  <Accordion>
    <Panel header={<h2>Search Engines</h2>}>
      <a href="http://google.com">Google</a>
      <a href="http://bing.com">Bing</a>
      <a href="http://yahoo.com">Yahoo</a>
    </Panel>
  </Accordion>
);

For more examples on usage, see src/example.es6.

Install

npm i -S @economist/component-accordion

Run tests

npm test

FAQs

Package last updated on 18 Oct 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts