SketchyBar/assets/js/1a25ec0b.e4cf45ce.js

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