# 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)<br>

## 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

```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://xheptcofficial.gitbook.io/kavo-library/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.