cyberpunk-ui

cyberpunk-ui base Vanilla.js

Documents

Tabs Example

<div class="tabs">
    <ul class="tabs-nav">
        <li>Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
    </ul>
    <ul class="tabs-panes">
        <li>Content 1</li>
        <li>Content 2</li>
        <li>Content 3</li>
    </ul>
</div>

new Tabs({
    element: '.tabs',
    initTab: 0,
});

Update plan

• cyberpunk-ui base jQuery
  • Tab
  • Sticky
  • Dialog
  • Suggestion
  • Slides
• cyberpunk-ui base Vanilla.js
  • Tab
  • Sticky
  • Dialog
  • Suggestion
  • Slides
• cyberpunk-ui base React
  • Icon
  • Dialog
  • Layout
  • Form
  • scroll
  • 下拉刷新
  • table
• cyberpunk-ui base Vue.js
  • 简单轮子：文本输入框
  • 简单轮子：网格系统
  • 简单轮子：默认布局
  • 简单轮子：Toast
  • 简单轮子：Tab
  • 简单轮子：Popover
  • 简单轮子：手风琴
  • 中级轮子：省市区级联选择
  • 中级轮子：无缝轮播
  • 中级轮子：Nav
  • 中级轮子：表单验证
  • 中级轮子：分页
  • 中级轮子：Table
  • 中级轮子：图片上传
  • 中级轮子：Sticky
  • 复杂轮子：升级的 table
  • 复杂轮子：Datepicker
  • 复杂轮子：滚动