Skip to main content
Version: v3

SlideInConfig

Configuration object for opening a Slide-In panel. Here's what a Slide-In looks like in Rancher UI:

Indexable

[key: string]: any

Vue Props to pass directly to the component rendered inside the slide in panel in an object format as "props=..."

Useful for passing additional information or context to the component rendered inside the Slide-In window

Properties

height?

optional height: string;

Height of the Slide-In panel. Can be percentage or vh. Defaults to (window - header) height. Can be set as 33% or 80vh


showHeader?

optional showHeader: boolean;

Wether Slide-In header is displayed or not


title?

optional title: string;

title for the Slide-In panel


top?

optional top: string;

CSS Top position for the Slide-In panel, string using px, as 0px or 20px. Default is right below header height


width?

optional width: string;

Width of the Slide-In panel in percentage, related to the window width. Defaults to 33%