Installation

This guide shows how to add Thulite SVG to your Thulite project.

Add Thulite SVG#

Add Thulite SVG to your site by running the following command in your project’s root directory:

npm install @thulite/inline-svg@latest

pnpm install @thulite/inline-svg@latest

yarn add @thulite/inline-svg@latest

bun install @thulite/inline-svg@latest

This installs the required package.

Add icon set(s)#

Add one or more icon sets, for example Tabler Icons (recommended, included in the Doks template) and Lucide.

npm install @tabler/icons@latest lucide-static@latest

pnpm install @tabler/icons@latest lucide-static@latest

yarn add @tabler/icons@latest lucide-static@latest

bun install @tabler/icons@latest lucide-static@latest

This installs the required package(s).

Update mounts#

Add mounts to ./config/_default/module.toml:

## layouts
[[mounts]]
  source = "layouts"
  target = "layouts"

[[mounts]]
  source = "node_modules/@thulite/inline-svg/layouts"
  target = "layouts"

## assets
[[mounts]]
  source = "node_modules/@tabler/icons/icons/outline"
  target = "assets/svgs/tabler-icons"

[[mounts]]
  source = "node_modules/lucide-static/icons"
  target = "assets/svgs/lucide"

[[mounts]]
  source = "assets"
  target = "assets"

Configure Thulite SVG#