SketchyBar/assets/js/1a25ec0b.76fad0a9.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"},"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"},"Animation 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."),(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(8207).Z,width:"3840",height:"2148"})))}f.isMDXComponent=!0},8207:function(e,t,n){t.Z=n.p+"assets/images/examples-e91544141827cce7e424ef77f613cea2.png"}}]);