RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

Splitter

Free

Dos paneles redimensionables. Arrastre la barra con el ratón o el tacto, o dele el foco y use las flechas (Mayús para pasos mayores, Inicio y Fin para los límites). Con PersistKey la posición se recuerda en el almacenamiento local.

Ejemplo

Control Splitter

Parámetros

ParámetroTipoDescripción
ActivePaneSplitterPaneEl panel que se muestra en el modo estrecho de un solo panel (First de forma predeterminada). Bidireccional.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
CollapsedSplitterPaneEl panel contraído (None, First o Second). Bidireccional.
CollapsiblePaneSplitterPaneEl panel que Intro o un doble clic en la barra contrae (ninguno de forma predeterminada).
FirstRenderFragmentContenido del primer panel.
MinSizeDoubleMenor tamaño de cualquiera de los paneles en porcentaje.
PersistKeystringRecuerda la división (y el panel contraído) en el almacenamiento local con este nombre y la restaura la próxima vez.
SecondRenderFragmentContenido del segundo panel.
SingleBelowBreakpoint?Por debajo de este punto de interrupción solo se muestra el panel activo y la barra se oculta.
SizeDoubleTamaño del primer panel en porcentaje. Úselo con @bind-Size.
StylestringEstilo en línea agregado al elemento raíz.
VerticalboolApila los paneles de arriba abajo.

Eventos

EventoTipoDescripción
ActivePaneChangedEventCallback<SplitterPane>
CollapsedChangedEventCallback<SplitterPane>
SizeChangedEventCallback<Double>Se genera cuando se mueve la barra.

Paquete

Splitter forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.