Sidebar
<plz-sidebar> | PlzSidebar
El componente
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 animaciones
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 al |
Number(px) | '0' |