Footer – SolidBase

The footer has multiple options available.

import { defineConfig } from "@solidjs/start/config";

import { createWithSolidBase } from "@kobalte/solidbase";


export default defineConfig(
  createWithSolidBase(theme)(
    /* SolidStart options */
    {
      ...
    },
    /* SolidBase options */
    {
      ...
      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
  },
},

Edit this page on GitHub

Last updated: 11/15/24, 4:55 AM