palaze-web Palaze web Docs Github Empezando Componentes Button Card Colors Divider Footer Header Hero Menu Menu-dropdown Menu-item Section Showcase Sidebar Spinner Tooltip Design System Colores Tipografia Formas

Footer

<plz-footer> | PlzFooter

El componentefooterse utiliza para mostrar información en forma de sección al final de la página. En el footer suele aparecer información acerca de colaboradores, redes sociales, opciones de contacto, politicas de privacidad y términos de uso, enlaces a páginas relevantes...

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(plz-section)para crear dos columnas en la que separaremos el contenido.

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'