10up协议部分

查看此软件包的官方文档

安装

npm install --save @10up/component-accordion

使用量

CSS 进口

@import url("@10up/component-accordion");

样式可以通过使用 PostCSS 导入来导入到您现有的代码库, 或者通过将独立的 CSS 文件包含在您的工程中 .

Java 脚本

通过提供用于手风琴的选取器和包含任何必要的回调功能的对象来创建新实例.

import Accordion from '@10up/component-accordion';

new Accordion( '.accordion', {
    onCreate: function() {
        console.log( 'onCreate callback' );
    },
    onOpen: function( { link, content, heading } ) {
        console.log( 'onOpen callback' );
    },
    onClose: function( { link, content, heading } ) {
        console.log( 'onClose callback' );
    },
    onToggle: function( { link, content, heading } ) {
        console.log( 'onToggle callback' );
    }
} );

演示

执行实例: https://baseline.10up.com/ 组件/accordion/ 页面存档备份,存于互联网档案馆

支助级别

活动 : 10up公司正在积极开展这方面的工作,我们期望在可预见的未来继续工作,包括不断测试最新的WordPress版本。 欢迎错误报告、特性请求、问题和拉动请求.

就像你看到的一样?