palaze-web Palaze web Docs Github demo-image Componentes Sidebar Header

Sidebar

<plz-sidebar> | PlzSidebar

El componentesidebares una columna generalmente vertical que sirve para agrupar distintos elementos enlace o de navegación para acceder a páginas relacionadas con el contenido donde se encuentre el elemento.

Los sidebar son sencillos y atractivos visualmente para que la interacción del usuario sea sencilla.

Como se puede observar en el código de muestra del ejemplo anterior, se puede cambiar el color del sidebar haciendo uso del atributo color y se podrá introducir colores en hex, rgb y rgba (por defecto será blanco).

También podremos determinar el ancho de nuestro sidebar con el atributo width y deberemos indicar mediante el atributo id-main el id de la seccion principal para que puedan funcionar las animacionestogglede nuestro componente.

Por otra parte se podrá ajustar la posición verticalmente del button toggle mediante el uso del atributo space-top.

Atributos

Nombre Descripción Posibilidades Por defecto
width Ancho que ocupara el componente. Number(px) '275'
id-main Id de referencia del contenido principal que no forma parte del componente. 'id-ejemplo'
color Color que tendrá el componente. hex, rgb, rgba 'white'
space-top Distancia a la parte superior de la página respecto altogglebutton. Number(px) '0'