Backstage
Docs
Github
Preparing search index...
@backstage/frontend-plugin-api
SwappableComponentBlueprint
Variable SwappableComponentBlueprint
Const
SwappableComponentBlueprint
:
ExtensionBlueprint
<
{
config
:
{}
;
configInput
:
{}
;
dataRefs
:
{
component
:
ConfigurableExtensionDataRef
<
{
loader
:
|
(
()
=>
(
props
:
{}
)
=>
Element
|
null
)
|
(
()
=>
Promise
<
(
props
:
{}
)
=>
Element
|
null
>
)
;
ref
:
SwappableComponentRef
;
}
,
"core.swappableComponent"
,
{}
,
>
;
}
;
inputs
:
{}
;
kind
:
"component"
;
output
:
ExtensionDataRef
<
{
loader
:
|
(
()
=>
(
props
:
{}
)
=>
Element
|
null
)
|
(
()
=>
Promise
<
(
props
:
{}
)
=>
Element
|
null
>
)
;
ref
:
SwappableComponentRef
;
}
,
"core.swappableComponent"
,
{}
,
>
;
params
:
<
Ref
extends
SwappableComponentRef
<
any
>
>
(
params
:
{
component
:
Ref
extends
SwappableComponentRef
<
any
,
IExternalComponentProps
,
>
?
{
ref
:
Ref
<
Ref
>
}
&
(
props
:
IExternalComponentProps
,
)
=>
Element
|
null
:
never
;
loader
:
Ref
extends
SwappableComponentRef
<
IInnerComponentProps
,
any
>
?
|
(
()
=>
(
props
:
IInnerComponentProps
)
=>
Element
|
null
)
|
(
()
=>
Promise
<
(
props
:
IInnerComponentProps
)
=>
Element
|
null
>
)
:
never
;
}
,
)
=>
ExtensionBlueprintParams
<
{
component
:
Ref
extends
SwappableComponentRef
<
any
,
IExternalComponentProps
,
>
?
{
ref
:
Ref
<
Ref
>
}
&
(
props
:
IExternalComponentProps
,
)
=>
Element
|
null
:
never
;
loader
:
Ref
extends
SwappableComponentRef
<
IInnerComponentProps
,
any
>
?
|
(
()
=>
(
props
:
IInnerComponentProps
)
=>
Element
|
null
)
|
(
()
=>
Promise
<
(
props
:
IInnerComponentProps
)
=>
(...)
|
(...)
>
)
:
never
;
}
,
>
;
}
,
>
= ...
Blueprint for creating swappable components from a SwappableComponentRef and a loader
Settings
Member Visibility
Protected
Inherited
External
Theme
OS
Light
Dark
Docs
Github
Backstage
Loading...
Blueprint for creating swappable components from a SwappableComponentRef and a loader