SketchyBar/assets/js/1a25ec0b.8b0b86c2.js

"use strict";(self.webpackChunksketchybar_site=self.webpackChunksketchybar_site||[]).push([[19],{3905:function(e,t,n){n.d(t,{Zo:function(){return c},kt:function(){return f}});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=r.createContext({}),l=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},c=function(e){var t=l(e.components);return r.createElement(p.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,p=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),m=l(n),f=a,d=m["".concat(p,".").concat(f)]||m[f]||u[f]||i;return n?r.createElement(d,o(o({ref:t},c),{},{components:n})):r.createElement(d,o({ref:t},c))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,o=new Array(i);o[0]=m;var s={};for(var p in t)hasOwnProperty.call(t,p)&&(s[p]=t[p]);s.originalType=e,s.mdxType="string"==typeof e?e:a,o[1]=s;for(var l=2;l<i;l++)o[l]=n[l];return r.createElement.apply(null,o)}return r.createElement.apply(null,n)}m.displayName="MDXCreateElement"},2672:function(e,t,n){n.r(t),n.d(t,{assets:function(){return c},contentTitle:function(){return p},default:function(){return f},frontMatter:function(){return s},metadata:function(){return l},toc:function(){return u}});var r=n(7462),a=n(3366),i=(n(7294),n(3905)),o=["components"],s={id:"features",title:"Features",sidebar_position:1},p=void 0,l={unversionedId:"features",id:"features",title:"Features",description:"Features",source:"@site/docs/features.md",sourceDirName:".",slug:"/features",permalink:"/SketchyBar/features",tags:[],version:"current",sidebarPosition:1,frontMatter:{id:"features",title:"Features",sidebar_position:1},sidebar:"docs",next:{title:"Setup",permalink:"/SketchyBar/setup"}},c={},u=[{value:"Features",id:"features",level:2},{value:"Examples",id:"examples",level:2}],m={toc:u};function f(e){var t=e.components,s=(0,a.Z)(e,o);return(0,i.kt)("wrapper",(0,r.Z)({},m,s,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"features"},"Features"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"Performance friendly"),(0,i.kt)("li",{parentName:"ul"},"No accessibility permissions needed"),(0,i.kt)("li",{parentName:"ul"},"Fully scriptable"),(0,i.kt)("li",{parentName:"ul"},"Fully configurable (Fonts, Backgrounds, Colors, Icons, etc.)"),(0,i.kt)("li",{parentName:"ul"},"Supports drawing native macOS menu bar applications (aliases)"),(0,i.kt)("li",{parentName:"ul"},"Powerful event and scripting system"),(0,i.kt)("li",{parentName:"ul"},"Popup Menus"),(0,i.kt)("li",{parentName:"ul"},"Mouse Support"),(0,i.kt)("li",{parentName:"ul"},"Support for graphs"),(0,i.kt)("li",{parentName:"ul"},"Per display and per space individualization")),(0,i.kt)("p",null,"The configuration of the bar takes place in a configuration file where almost everything can be configured.\nBasically, the bar itself is a rectangle that can hold arbitrarily many ",(0,i.kt)("em",{parentName:"p"},"items"),", which can be configured to do awesome stuff.\nAn ",(0,i.kt)("em",{parentName:"p"},"item")," will occupy a space in the bar and can be equipped to show an ",(0,i.kt)("em",{parentName:"p"},"icon")," and a ",(0,i.kt)("em",{parentName:"p"},"label"),". The ",(0,i.kt)("em",{parentName:"p"},"icon")," and ",(0,i.kt)("em",{parentName:"p"},"label")," can be changed through\n",(0,i.kt)("em",{parentName:"p"},"scripts")," that can be attached to the ",(0,i.kt)("em",{parentName:"p"},"item"),". It is also possible to ",(0,i.kt)("em",{parentName:"p"},"subscribe")," an ",(0,i.kt)("em",{parentName:"p"},"item")," to certain ",(0,i.kt)("em",{parentName:"p"},"events")," for their ",(0,i.kt)("em",{parentName:"p"},"script")," execution action,\nwhich makes very powerful items possible.\nFurthermore, an ",(0,i.kt)("em",{parentName:"p"},"item")," can be assigned to mission control spaces or displays, such that they only show on a certain space or display, which makes multi-desktop configuration\nof the bar possible and opens the possibility to create individualized bar configuration on a per display and per space level.\nThese simple ingredients make ",(0,i.kt)("em",{parentName:"p"},"items")," almost endlessly customizable and can be used to display arbitrary information and perform useful actions. For some examples see my sketchybarrc and\nthe plugins folder."),(0,i.kt)("p",null,"Some special features can not be accomplished with a simple ",(0,i.kt)("em",{parentName:"p"},"item"),", this is where the ",(0,i.kt)("em",{parentName:"p"},"components")," come into play. They basically are ",(0,i.kt)("em",{parentName:"p"},"items")," with\nextra steps. They contain all the properties a regular item does, but they can do specialized tasks a simple item can not. For example, there\nis a ",(0,i.kt)("em",{parentName:"p"},"graph")," component, which can be used to display graphs in the bar."),(0,i.kt)("p",null,"For more details on how the configuration works, see the configuration section."),(0,i.kt)("h2",{id:"examples"},"Examples"),(0,i.kt)("p",null,(0,i.kt)("img",{alt:"examples",src:n(6772).Z,width:"3840",height:"2148"})))}f.isMDXComponent=!0},6772:function(e,t,n){t.Z=n.p+"assets/images/examples-e91544141827cce7e424ef77f613cea2.png"}}]);