Setup

QBCore

• Remove qb-menu resource.
• Remove progressbar resource.
• Replace qb-core/client/functions.lua QBCore.Functions.Notify function with the code below;

qb-core/client/functions.lua

function QBCore.Functions.Notify(text, texttype, length)
	texttype = texttype or 'inform' -- success / inform / error
	length = length or 5000
	if type(text) == 'table' then
		local ttext = text.text or 'Placeholder'
		local caption = text.caption or 'Placeholder'
		exports['wd-uikit']:sendNotification(texttype, caption, ttext, length)
	else
		exports['wd-uikit']:sendNotification(texttype, texttype == 'error' and 'Error' or texttype == 'success' and 'Success' or 'Notify', text, length)
	end
end

• Replace qb-core/client/functions.lua QBCore.Functions.Progressbar function with the code below;

qb-core/client/functions.lua

function QBCore.Functions.Progressbar(name, label, duration, useWhileDead, canCancel, disableControls, animation, prop, propTwo, onFinish, onCancel)
	exports['wd-uikit']:Progress({
		name = name:lower(),
		duration = duration,
		label = label,
		useWhileDead = useWhileDead,
		canCancel = canCancel,
		controlDisables = disableControls,
		animation = animation,
		prop = prop,
		propTwo = propTwo,
	}, function(cancelled)
		if not cancelled then
			if onFinish then
				onFinish()
			end
		else
			if onCancel then
				onCancel()
			end
		end
	end)
end

• Move wd-uikit folder to your resources folder.
• Make sure you have started the resource in server.cfg.

ensure wd-uikit

• Open wd-uikit/shared/cfg.lua and edit the variables to suit you.
• You're ready!

ESX

• Remove esx_notify resource.
• Replace es_extended/client/functions.lua ESX.ShowNotification function with the code below;

es_extended/client/functions.lua

function ESX.ShowNotification(message, notifyType, length)
	exports['wd-uikit']:sendNotification(notifyType, notifyType == 'error' and 'Error' or notifyType == 'success' and 'Success' or 'Notify', message, length)
end

• Move wd-uikit folder to your resources folder.
• Make sure you have started the resource in server.cfg.

ensure wd-uikit

• Open wd-uikit/shared/cfg.lua and edit the variables to suit you.
• You're ready!

info

If you encounter any error, you can get information from our documentation here.