locl Window=Library.CreateLib("TlTLE") DarkThemelocal Library = loadstring(game:HttpGet("https://raw.githubusercontent.com/xHeptc/Kavo-UI-Library/main/source.lua"))()---
description: Documentation
---
# Kavo UI Library by xHeptc u fucktards
## Update:
All of the latest updates can be found in here.
Added:\
Section Update Functions\
New Themes:\
Serpent
New Component:\
Label
Rich Text Support For:\
UI Title,\
Sections,\
And Other Elements (exc tabs)\
## Getting Loadstring
```
local Library = loadstring(game:HttpGet("https://raw.githubusercontent.com/xHeptc/Kavo-UI-Library/main/source.lua"))()
```
## Creating UI Library Window
```
local Window = Library.CreateLib("TITLE", "DarkTheme")
```
Themes:\
LightTheme\
DarkTheme\
GrapeTheme\
BloodTheme\
Ocean\
Midnight\
Sentinel\
Synapse
## Creating Tabs
```
local Tab = Window:NewTab("TabName")
```
## Creating Section
```
local Section = Tab:NewSection("Section Name")
```
## Update Section
```
Section:UpdateSection("Section New Title")
```
## Creating Labels
```
Section:NewLabel("LabelText")
```
## Update Label
```
label:UpdateLabel("New Text")
```
## Creating Buttons
```
Section:NewButton("ButtonText", "ButtonInfo", function()
print("Clicked")
end)
```
## Update Button
Make sure your button is local when updating it.
```
button:UpdateButton("New Text")
```
## Creating Toggles
```
Section:NewToggle("ToggleText", "ToggleInfo", function(state)
if state then
print("Toggle On")
else
print("Toggle Off")
end
end)
```
## Updating Toggles
```
getgenv().Toggled = false
local toggle = Section:NewToggle("Toggle", "Info", (state)
getgenv().Toggled = state
end)
game:GetService("RunService").RenderStepped:Connect(function()
if getgenv().Toggled then
toggle:UpdateToggle("Toggle On")
else
toggle:UpdateToggle("Toggle Off")
end
end)
```
## Creating Sliders
```
Section:NewSlider("SliderText", "SliderInfo", 500, 0, function(s) -- 500 (MaxValue) | 0 (MinValue)
game.Players.LocalPlayer.Character.Humanoid.WalkSpeed = s
end)
```
## Creating Textboxes
```
Section:NewTextBox("TextboxText", "TextboxInfo", function(txt)
print(txt)
end)
```
## Creating Keybinds
```
Section:NewKeybind("KeybindText", "KeybindInfo", Enum.KeyCode.F, function()
print("You just clicked the bind")
end)
```
## Toggling UI with Keybinds
```
Section:NewKeybind("KeybindText", "KeybindInfo", Enum.KeyCode.F, function()
Library:ToggleUI()
end)
```
## Creating Dropdowns
```
Section:NewDropdown("DropdownText", "DropdownInf", {"Option 1", "Option 2", "Option 3"}, function(currentOption)
print(currentOption)
end)
```
## Dropdown Refresh
```
local oldList = {
"2019",
"2020"
}
local newList = {
"2021",
"2022"
}
local dropdown = Section:NewDropdown("Dropdown","Info", oldList, function()
end)
Section:NewButton("Update Dropdown", "Refreshes Dropdown", function()
dropdown:Refresh(newList)
end)
```
## Creating Color Pickers
```
Section:NewColorPicker("Color Text", "Color Info", Color3.fromRGB(0,0,0), function(color)
print(color)
-- Second argument is the default color
end)
```
## Applying Custom Themes / Colors
Make new table, here you are going to put your colors, as shown below.
```
local colors = {
SchemeColor = Color3.fromRGB(0,255,255),
Background = Color3.fromRGB(0, 0, 0),
Header = Color3.fromRGB(0, 0, 0),
TextColor = Color3.fromRGB(255,255,255),
ElementColor = Color3.fromRGB(20, 20, 20)
}
```
Applying it: Change your window code little bit.
```
local Window = Library.CreateLib("TITLE", colors)
```
## Want to add fully customizable UI?
Add this code in your section. This will create color pickers.
Make sure you have added table with all the values of UI. then applylocal Window = Library.CreateLib("TITLE", "DarkTheme")
it to window. Like shown above.
```
for theme, color in pairs(themes) do
Section:NewColorPicker(theme, "Change your "..theme, color, function(color3)
Library:ChangeColor(theme, color3)
end)
end
```