-0:{"P":null,"b":"aRKOa7S6ArHAT7Cbf7mtE","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/59f8fb130988ddb5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/6c5db84ed83db3f5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/chunks/bdc98bf6bace5385.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/140e2b1d0b80fb4f.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/7a988b3458aaf346.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/e4c101d57332591e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/41f9633058eae644.js","async":true,"nonce":"$undefined"}]],"$L2"]}],{"children":[["$","$1","c",{"children":[[["$","h1",null,{"className":"mdx-module__YUQVZa__h1","children":"Welcome to Backstage UI"}],"\n",["$","p",null,{"className":"mdx-module__YUQVZa__p","children":"Backstage UI is a design system created specifically for Backstage, built with React, TypeScript, and vanilla CSS.\nThis open-source library is hosted in the Backstage monorepo. While it can be used in other projects, Backstage UI\nis designed to deliver a consistent, accessible, and extensible experience tailored to Backstage users."}],"\n",["$","h2",null,{"id":"import-buis-global-styles","className":"mdx-module__YUQVZa__h2 mdx-module__YUQVZa__headingWithAnchor","children":["$","a",null,{"href":"#import-buis-global-styles","className":"mdx-module__YUQVZa__anchorLink","children":["Import BUI's global styles",["$","span",null,{"className":"mdx-module__YUQVZa__anchorHash","children":"#"}]]}]}],"\n",["$","p",null,{"className":"mdx-module__YUQVZa__p","children":"Backstage UI works by importing a global CSS file at the root of your application. This file includes all the default styles for the components.\nFirst, you'll need to install the package using a package manager. For example, if you're using Yarn:"}],"\n","$L3","\n","$L4","\n",["$","div",null,{"className":"styles-module__2h_T_W__banner styles-module__2h_T_W__warning","children":[["$","div",null,{"className":"styles-module__2h_T_W__icon","children":["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 24 24","width":"18","height":"18","fill":"currentColor","children":["$","path",null,{"d":"M4.00001 20V14C4.00001 9.58172 7.58173 6 12 6C16.4183 6 20 9.58172 20 14V20H21V22H3.00001V20H4.00001ZM6.00001 20H18V14C18 10.6863 15.3137 8 12 8C8.6863 8 6.00001 10.6863 6.00001 14V20ZM11 2H13V5H11V2ZM19.7782 4.80761L21.1924 6.22183L19.0711 8.34315L17.6569 6.92893L19.7782 4.80761ZM2.80762 6.22183L4.22183 4.80761L6.34315 6.92893L4.92894 8.34315L2.80762 6.22183ZM7.00001 14C7.00001 11.2386 9.23858 9 12 9V11C10.3432 11 9.00001 12.3431 9.00001 14H7.00001Z"}]}]}],["$","div",null,{"className":"styles-module__2h_T_W__text","children":"Import these styles only once at your application root. Plugin developers should skip this step to avoid conflicts."}]]}],"\n",["$","h2",null,{"id":"use-bui-components","className":"mdx-module__YUQVZa__h2 mdx-module__YUQVZa__headingWithAnchor","children":["$","a",null,{"href":"#use-bui-components","className":"mdx-module__YUQVZa__anchorLink","children":["Use BUI components",["$","span",null,{"className":"mdx-module__YUQVZa__anchorHash","children":"#"}]]}]}],"\n",["$","p",null,{"className":"mdx-module__YUQVZa__p","children":"As a plugin maintainer, you can use BUI components in your plugin. As mentioned above, you should not import the styles\nagain in your plugin as this will be handled at the root of your application. To get started, just add the library to\nyour plugin and import the components you need."}],"\n","$L5","\n","$L6","\n",["$","h2",null,{"id":"support","className":"mdx-module__YUQVZa__h2 mdx-module__YUQVZa__headingWithAnchor","children":"$L7"}],"\n","$L8","\n","$L9","\n","$La","\n","$Lb","\n","$Lc","\n","$Ld","\n","$Le","\n","$Lf","\n","$L10","\n","$L11"],["$L12","$L13"],"$L14"]}],{},null,false,false]},null,false,false],"$L15",false]],"m":"$undefined","G":["$16",[]],"S":true}
0 commit comments