1:I[57121,[],"LoadingBoundaryProvider"] 2:"$Sreact.fragment" 3:I[53201,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] 4:I[58910,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","7177","static/chunks/app/layout-5ebb406fb851b8f6.js"],"default"] 5:I[95651,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","7177","static/chunks/app/layout-5ebb406fb851b8f6.js"],"default"] 6:I[83230,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","7177","static/chunks/app/layout-5ebb406fb851b8f6.js"],"default"] 7:I[98500,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],""] 8:I[78134,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] 9:I[16697,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","7177","static/chunks/app/layout-5ebb406fb851b8f6.js"],"default"] a:"$Sreact.suspense" c:I[37849,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] d:I[46072,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","7177","static/chunks/app/layout-5ebb406fb851b8f6.js"],"default"] e:I[57121,[],""] f:I[74581,[],""] 11:I[23839,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] 12:I[70021,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","4499","static/chunks/app/docs/layout-7ed56b449b684d36.js"],"default"] 14:I[90484,[],"OutletBoundary"] 1b:I[27123,[],"default",1] :HL["/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/media/e4af272ccee01ff0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/css/1f2aa149c4c1b63c.css","style"] :HL["/_next/static/css/b863a51022729f2b.css","style"] :HL["/_next/static/css/4dedbc0f8d396069.css","style"] :HL["/_next/static/css/62e61a615a72cf3b.css","style"] 16:X 17:X 18:X 19:X 1c:X 1d:X 1e:X 0:{"P":null,"c":["","docs","components","indicator"],"q":"","i":false,"f":[[["",{"children":["docs",{"children":[["path","components/indicator","c",[]],{"children":["__PAGE__",{},"$undefined","$undefined",4256]},"$undefined","$undefined",4192]},"$undefined","$undefined",4160]},"$undefined","$undefined",4116],[["$","$L1",null,{"loading":[["$","main","l",{"style":{"minHeight":"100svh"}}],[],null],"children":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/1f2aa149c4c1b63c.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/b863a51022729f2b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/4dedbc0f8d396069.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__variable_f367f3 __variable_ed3508","children":["$","$L3",null,{"children":[["$","$L4",null,{}],["$","$L5",null,{"children":[["$","$L6",null,{"children":[["$","$L7",null,{"href":"/","tabIndex":-1,"children":["$","$L8",null,{"aria-label":"Home","as":"button","highlightColor":"$undefined","disabled":false,"cc":{"highlight":"highlight__de229744"},"className":"button__de229744 round__de229744 compact__de229744 start__icon__de229744 end__icon__de229744 s__med__de229744 v__minimal__de229744","style":{"--color":"$undefined"},"data-loading":false,"data-fb":"$undefined","children":[["$","span",null,{"className":"content__de229744","children":["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 185.56 185.81","width":"2em","height":"2em","children":[["$","title",null,{"children":"Fluid UI"}],["$","g",null,{"fill":"currentColor","children":[["$","path",null,{"d":"M159.71,28.47a92.91,92.91,0,0,0-133.86,0c-34.47,35.77-34.47,93.09,0,128.87a92.91,92.91,0,0,0,133.86,0C194.18,121.56,194.18,64.24,159.71,28.47ZM38.32,152.73a80.9,80.9,0,1,1,108.92,0A81,81,0,0,1,38.32,152.73Z"}],["$","path",null,{"d":"M45.55,45.68a2.08,2.08,0,0,0-3,.06,68.9,68.9,0,0,0,97.39,97.4,2.09,2.09,0,0,0,.07-3Z"}]]}]]}]}],false]}]}],["$","$L9",null,{}],["$","div",null,{"className":"header_end__kiFu1","children":[["$","$a",null,{"children":"$Lb"}],["$","$Lc",null,{"round":true,"className":"header_large__VlInj"}],["$","$Ld",null,{}]]}]]}],["$","$Le",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Lf",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}],"$L10"]}]]}]}]]}]}],{"children":[["$","$2","c",{"children":[null,["$","div",null,{"className":"layout_wrapper__eZyj6","children":[["$","aside",null,{"className":"layout_sidebar__WCFKD","children":[["$","div",null,{"className":"layout_header__yxZEd","children":["Fluid UI",["$","div",null,{"className":"badge__e25f27d1 v__inverted__e25f27d1 s__sml__e25f27d1","style":{"--color":"$undefined"},"children":[["v","2.1.3"],null]}]]}],["$","$L11",null,{"className":"layout_navigation__nUfdo","children":["$","$L12",null,{}]}]]}],["$","main",null,{"className":"layout_content__Wkxz1","children":["$","$Le",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Lf",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]]}],{"children":[["$","$2","c",{"children":[null,["$","$Le",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Lf",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$2","c",{"children":["$L13",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/62e61a615a72cf3b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L14",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@15"}]}]]}],{},null,false,"$16"]},null,false,"$17"]},null,false,"$18"]},null,false,"$19"],"$L1a",false]],"m":"$undefined","G":["$1b",[]],"S":true,"h":"$1c","r":"$1d","s":"$1e","a":"$@1f","l":"$@20","p":"$undefined","d":"$undefined","b":"yagcDFkx4ruLWR7-DuNQK"} 21:I[90484,[],"ViewportBoundary"] 23:I[90484,[],"MetadataBoundary"] 17:C 1a:["$","$2","h",{"children":[null,["$","$L21",null,{"children":"$L22"}],["$","div",null,{"hidden":true,"children":["$","$L23",null,{"children":["$","$a",null,{"name":"Next.Metadata","children":"$L24"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}] 25:I[78396,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","7177","static/chunks/app/layout-5ebb406fb851b8f6.js"],"default"] 1e:300 1e:300 10:["$","footer",null,{"className":"footer_footer__mqdak","children":["$","section",null,{"className":"footer_content__MJyPs","children":[["$","div",null,{"className":"footer_row__sCTri","children":[["$","div",null,{"className":"footer_links__E_sY3","children":[["$","$L7",null,{"href":"https://github.com/infinityfx-llc/fluid","target":"_blank","tabIndex":-1,"children":["$","$L8",null,{"title":"Github","as":"button","disabled":false,"cc":{"highlight":"highlight__de229744"},"className":"button__de229744 start__icon__de229744 end__icon__de229744 s__med__de229744 v__minimal__de229744","style":{},"data-loading":false,"children":[["$","span",null,{"className":"content__de229744","children":["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4","children":[]}],["$","path","1",{"d":"M9 18c-4.51 2-5-2-7-2","children":[]}]]],"style":{},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}],false]}]}],["$","$L7",null,{"href":"https://x.com/infinityfx","target":"_blank","tabIndex":-1,"children":["$","$L8",null,{"title":"X.com","as":"button","disabled":false,"cc":{"highlight":"highlight__de229744"},"className":"button__de229744 start__icon__de229744 end__icon__de229744 s__med__de229744 v__minimal__de229744","style":{},"data-loading":false,"children":[["$","span",null,{"className":"content__de229744","children":["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z","children":[]}]]],"style":{},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}],false]}]}]]}],["$","div",null,{"className":"footer_copyright__z9dsS","children":["©Copyright2016-",2026," InfinityFX. All rights reserved."]}]]}],["$","$L25",null,{}]]}]}] 22:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 16:T4,path1c:T4,path26:I[14686,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] 29:I[58746,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] 2a:I[86869,[],"IconMark"] 13:["$","article",null,{"className":"page_content__t3VmR","children":[["$","h1",null,{"children":"Indicator"}],null,["$","p",null,{"children":"Displays an activity indicator at the corner of an element."}],["$","h3",null,{"children":"Importing"}],["$","$L26",null,{"children":"import { IndicatorRoot, IndicatorBadge } from '@infinityfx/fluid';"}],[["$","$2","0",{"children":[["$","h3",null,{"children":"Usage"}],["$","$a",null,{"children":"$L27"}]]}],["$","$2","1",{"children":[["$","h3",null,{"children":"Position and content"}],["$","$a",null,{"children":"$L28"}]]}]],["$","h2",null,{"children":"API reference"}],[["$","$2","0",{"children":[["$","h3",null,{"children":["IndicatorBadge"," Props"]}],["$","$L29",null,{"data":[{"name":"color","type":"string","description":"Custom background color for the indicator badge."},{"name":"outline","type":"string","initial":"none","description":"Color of the border outline around the indicator."},{"name":"position","type":["bottom","top"],"initial":"top"}]}]]}]]]}] 15:null 24:[["$","title","0",{"children":"Indicator | Fluid UI"}],["$","meta","1",{"name":"description","content":"Displays an activity indicator at the corner of an element."}],["$","link","2",{"rel":"author","href":"https://www.infinityfx.dev"}],["$","meta","3",{"name":"author","content":"InfinityFX"}],["$","meta","4",{"name":"keywords","content":"indicator ui component,react indicator component,nextjs indicator component,react ui library,react component library"}],["$","meta","5",{"name":"creator","content":"InfinityFX"}],["$","meta","6",{"property":"og:title","content":"Indicator | Fluid UI"}],["$","meta","7",{"property":"og:description","content":"Displays an activity indicator at the corner of an element."}],["$","meta","8",{"property":"og:url","content":"https://fluid.infinityfx.dev/docs/components/indicator"}],["$","meta","9",{"property":"og:image","content":"https://fluid.infinityfx.dev/images/og-landing.png"}],["$","meta","10",{"property":"og:image:alt","content":"Open source React UI library."}],["$","meta","11",{"property":"og:type","content":"article"}],["$","meta","12",{"property":"article:author","content":"InfinityFX"}],["$","meta","13",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","14",{"name":"twitter:creator","content":"@infinityfx"}],["$","meta","15",{"name":"twitter:title","content":"Indicator | Fluid UI"}],["$","meta","16",{"name":"twitter:description","content":"Displays an activity indicator at the corner of an element."}],["$","meta","17",{"name":"twitter:image","content":"https://fluid.infinityfx.dev/images/og-landing.png"}],["$","meta","18",{"name":"twitter:image:alt","content":"Open source React UI library."}],["$","link","19",{"rel":"icon","href":"/favicon.ico?d6f22fa82a125913","type":"image/x-icon","sizes":"16x16"}],["$","$L2a","20",{}]] 2b:I[35214,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] 2c:I[67979,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","1191","static/chunks/1191-805e741d8a1091b5.js","7507","static/chunks/7507-114eb29c7077ae9c.js","5994","static/chunks/app/docs/%5B...path%5D/page-d74d795dc7e0223b.js"],"default"] 27:["$","$L2b",null,{"code":"\n \n \n"}] 28:["$","$L2c",null,{"code":"\n \n \n New\n \n"}] 1e:C 1c:C 1d:C 16:C 18:C 19:C 2d:I[8290,["2150","static/chunks/59650de3-0fd924f7f1b9168f.js","7619","static/chunks/7619-74c2d592603df097.js","9476","static/chunks/9476-dbd485ca85f3f845.js","5569","static/chunks/5569-a66cb0994ebb3090.js","8500","static/chunks/8500-56d3a50144a7e2ee.js","7177","static/chunks/app/layout-5ebb406fb851b8f6.js"],"default"] b:[["$","$L2d",null,{"cull":["tab","mob"]}],["$","$L7",null,{"href":"/kit","tabIndex":-1,"children":["$","$L8",null,{"as":"button","highlightColor":"var(--f-clr-highlight-100)","disabled":false,"cc":{"highlight":"highlight__de229744"},"className":"button__de229744 round__de229744 end__icon__de229744 s__med__de229744 v__default__de229744","style":{"--color":"$undefined"},"data-loading":false,"data-fb":"$undefined","children":[["$","span",null,{"className":"content__de229744","children":["Fluid Kit",["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M5 12h14","children":[]}],["$","path","1",{"d":"m12 5 7 7-7 7","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]]}],false]}]}]] 20:18424 1f:13371

Indicator

Importing

Usage

Position and content

API reference

IndicatorBadge Props

Indicator

Importing

Usage

Position and content

API reference

IndicatorBadge Props