Sidebar

Settings

Setting	ID	Type	Default	Description
Section class	`class`	text		Tailwind utilities for this section. Space separated, e.g. mt-2 mb-4 px-6.
Hidden on mobile	`hidden_mobile`	checkbox	false	Hide the whole sidebar below the lg breakpoint.
Position	`position`	select	right	Desktop position of the sidebar column. Only applies above the md breakpoint.
Border	`border`	select	none	Outer edge line draws on the sidebar's outer side (away from the main content). Content-side line draws on the side facing the main content. All sides wraps the whole card.
Border color	`border_color`	color	#e5e7eb	Color for the sidebar card border and the outer / between divider line.
Divider between blocks	`divider`	checkbox	true	Draw a line between each content block inside the sidebar.
Divider color	`divider_color`	color		Color for the dividers between blocks. Falls back to Border color when empty.
Spacing from content	`content_gap`	range	12	Gap between the main content and the sidebar (and its border line).
Width	`width`	range	30
Max width	`width_max`	range	350
Enable sticky	`sticky`	checkbox	true
Background	`bg`	color_background		Supports solid or gradient colors.
Shadow	`shadow`	select	shadow-none
Radius	`radius`	select	rounded-md

Position (position): Left (left), Right (right)
Border (border): None (none), Outer edge line (outer), Content-side line (between), All sides (all)
Shadow (shadow): None (shadow-none), Small (shadow-sm), Medium (shadow), Large (shadow-lg)
Radius (radius): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud)