hyper-tabs-simple

Enhanced Tabs Plugin (Simple Version) for Hyper

Usage no npm install needed!

<script type="module">
  import hyperTabsSimple from 'https://cdn.skypack.dev/hyper-tabs-simple';
</script>

README

hyper-tabs-simple hyper npm npm

Enhanced Tabs Plugin (Simple Version) for Hyper. Matches any theme.

hyper-tabs-simple

🤔 What is the difference from hyper-tabs-enhanced?

This is the version without icons.

Because hyper-tabs-enhanced and hyper-tab-icons-plus both contain tab icons, using both at the same time will result in an error.

To prevent this, I have created a simple version that does not include the icons.

Install

Install with CLI

Run following in a terminal such as Hyper.

$ hyper i hyper-tabs-simple

Install with .hyper.js

Add following to your ~/.hyper.js config.

module.exports = {
  ...
  plugins: ['hyper-tabs-simple']
  ...
}

Config

Add following to ~/.hyper.js

⚠️These properties are no different from the original, but (of course) the items related to icons have been removed.

hyper-tabs-simple-traffic

Enable Traffic Buttons

Default value is false

module.exports = {
  config: {
    ...
      hyperTabs: {
        trafficButtons: true,
      }
    ...
  }
}

hyper-tabs-enhanced-border

Enable Border

Default value is false

module.exports = {
  config: {
    ...
      hyperTabs: {
        border: true,
      }
    ...
  }
}

hyper-tabs-enhanced-activity

Change Activity Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperTabs: {
        activityColor: 'salmon',
      }
    ...
  }
}

hyper-tabs-enhanced-align

Align Close Button Right

Default value is 'left'

module.exports = {
  config: {
    ...
      hyperTabs: {
        closeAlign: 'right',
      }
    ...
  }
}

Disable Activity Pulse

Default value is true

module.exports = {
  config: {
    ...
      hyperTabs: {
        activityPulse: false,
      }
    ...
  }
}

Theme

License

MIT © Henrik