Skip to main content
SolidBase

Footer

since 0.0.9Source

The footer has multiple options available.

vite.config.ts
import solid from "@solidjs/vite-plugin";
import { defineConfig } from "vite";
import { createSolidBase } from "@kobalte/solidbase";
const solidBase = createSolidBase(theme);
export default defineConfig({
plugins: [
solid(solidBase.startConfig()),
solidBase.plugin({
...
themeConfig: {
socialLinks: {
github: "https://github.com/kobaltedev/solidbase",
discord: "https://discord.com/invite/solidjs",
},
...
},
...
}),
],
});

SolidBase supports github, discord and opencollective out of the box. Custom links can be configured as:

socialLinks: {
twitter: {
link: "https://...",
logo: "data:...", // Base64 encoded image
label: "Twitter", // Text label
},
other: {
link: "https://...",
logo: "data:...", // Base64 encoded image
label: "Other Link", // Text label
},
},

Last updated: 10/3/26, 11:39 PM

SolidBaseFully featured, fully customisable static site generation for SolidStart
Community
githubdiscord