---
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:\
&#x20;  Serpent

New Component:\
&#x20;  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:\
&#x20;   LightTheme\
&#x20;   DarkTheme\
&#x20;   GrapeTheme\
&#x20;   BloodTheme\
&#x20;   Ocean\
&#x20;   Midnight\
&#x20;   Sentinel\
&#x20;   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 apply 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

```
