Footer
<plz-footer> | PlzFooter
El componente
Ejemplos
Footer simple
Usaremos el atributo variant para elegir el tipo de footer "simple".
Esta variante es un footer básico con una fina línea en la parte superior para separar el contenido del footer del contenido principal de la página.
Contenido de la página principal
Footer info
Palace es un proyecto de componentes web con código libre. Podrás acceder al código a través de nuestro Github.
Footer con imagen en bloque
Usaremos el atributo variant para elegir el tipo de footer "block".
Esta variante consta de un bloque central personalizable. También se podrá elegir el fondo del footer pasando por el atributo image la url de una imagen.
Contacto
Puedes consultar o contactar con nosotros via los siguientes enlaces.
Footer con imagen con dos columnas
Usaremos el atributo variant para elegir el tipo de footer "two-columns".
Esta variante consta de dos columnas que serán personalizables.
Para identificar la columna en la que colocaremos el contenido utilizaremos el atributo slot="first-column" o slot="second-column" como se muestra a continuación.
Palace es un proyecto de componentes web con código libre. Podrás acceder al código a través de nuestro Github.
Segunda Columna
Otro contenido que sea relevante
Personaliza tu footer
En este caso utilizamos la variante "simple" ya que es la más personalizable.
Puedes personalizar el contenido como consideres. En este caso hacemos uso
de otro componente de la librería
Contenido de la página principal
Contacto
Puedes consultar o contactar con nosotros via los siguientes enlaces, recordar que puede que tardermos en contestar debido a la gran cantidad de mensajes que nos envían cada día. Agradecemos vuestra comprensión.
Compañía
Palaze es una gran comunidad en la que nos centramos en la practicidad y el minimalismo, buscando aportar el máximo valor posible a nuestros usuarios y desarrolladores.
Atributos
Nombre | Descripción | Posibilidades | Por defecto |
---|---|---|---|
variant | Distintas variantes del componente | 'simple' - 'block' - 'two-columns' | 'simple' |
height | Puedes determinar la altura del componente. | Number(px) | '600' |
image | Dirección url de la imagen a colocar en el componente footer con la variante "block" o "two-column" | './mi-imagen-ejemplo.svg' |