local ArrayField = loadstring(game:HttpGet('https://raw.githubusercontent.

com/UI-
Interface/ArrayField/main/Source'))()
local Window = ArrayField:CreateWindow({
Name = "ArrayField Example Window",
LoadingTitle = "ArrayField Interface Suite",
LoadingSubtitle = "by Arrays",
ConfigurationSaving = {
Enabled = false,
FolderName = nil, -- Create a custom folder for your hub/game
FileName = "ArrayField"
},
Discord = {
Enabled = false,
Invite = "sirius", -- The Discord invite code, do not include discord.gg/
RememberJoins = true -- Set this to false to make them join the discord
every time they load it up
},
KeySystem = true, -- Set this to true to use our key system
KeySettings = {
Title = "ArrayField",
Subtitle = "Key System",
Note = "Join the discord (discord.gg/sirius)",
FileName = "ArrayFieldsKeys",
SaveKey = false,
GrabKeyFromSite = false, -- If this is true, set Key below to the RAW site
you would like ArrayField to get the key from
Key = {"Hello",'Bye'},
Actions = {
[1] = {
Text = 'Click here to copy the key link',
OnPress = function()

end,
}
},
}
})

local Tab = Window:CreateTab("Tab Example", 4483362458) -- Title, Image

local Tab2 = Window:CreateTab("Tab Example 2") -- Title, Image
local Section = Tab:CreateSection("Section Example",false) -- The 2nd argument is
to tell if its only a Title and doesnt contain element

Tab:CreateSpacing(nil,10)

local Button = Tab:CreateButton({

Name = "Button Example",
Info = {
Title = 'This is a Button',
Description = 'This is a description for the button you know.',
},
Interact = 'Changable',
Callback = function()
print('Pressed')
end,
})

Tab:CreateSpacing(nil,10)
local Toggle = Tab:CreateToggle({
Name = "Toggle Example",
Info = {
Title = 'Slider template',
Image = '12735851647',
Description = 'Just a slider for stuff',
},
CurrentValue = false,
Flag = "Toggle1", -- A flag is the identifier for the configuration file, make
sure every element has a different flag if you're using configuration saving to
ensure no overlaps
Callback = function(Value)
print(Value)
end,
})

Tab:CreateSpacing(nil,10)

local ColorPicker = Tab:CreateColorPicker({

Name = "Color Picker",
Color = Color3.fromRGB(2,255,255),
Flag = "ColorPicker1",
Callback = function(Value)
print(Value)
end
})

Tab:CreateSpacing(nil,10)

local Slider = Tab:CreateSlider({

Name = "Slider Example",
Range = {0, 100},
Increment = 10,
Suffix = "Bananas",
CurrentValue = 10,
Flag = "Slider1",
Callback = function(Value)
print(Value)
end,
})

Tab:CreateSpacing(nil,10)

local Keybind = Tab:CreateKeybind({

Name = "Keybind Example",
CurrentKeybind = "Q",
HoldToInteract = false,
Flag = "Keybind1",
Callback = function(Keybind)

end,
})

Tab:CreateSpacing(nil,10)

local Section2 = Tab:CreateSection("Inputs Examples",true)

Tab:CreateInput({
Name = "Numbers Only",
PlaceholderText = "Amount",
 NumbersOnly = true,
OnEnter = true,
RemoveTextAfterFocusLost = true,
Callback = function(Text)
print(Text)
end,
})
Tab:CreateInput({
Name = "11 Characters Limit",
PlaceholderText = "Text",
CharacterLimit = 11,
RemoveTextAfterFocusLost = true,
Callback = function(Text)
print(Text)
end,
})
Tab:CreateInput({
Name = "No RemoveTextAfterFocusLost",
PlaceholderText = "Input",
RemoveTextAfterFocusLost = false,
Callback = function(Text)
print(Text)
end,
})

local Section3= Tab:CreateSection("Dropdown Examples",true)

local MultiSelectionDropdown = Tab:CreateDropdown({

Name = "Multi Selection",
Options = {"Option 1","Option 2",'Option 3'},
CurrentOption = {"Option 1","Option 3"} ,
MultiSelection = true,
Flag = "Dropdown1",
Callback = function(Option)
print(Option)
end,
})
local SingleSelection = Tab:CreateDropdown({
Name = "Single Selection",
Options = {"Option 1","Option 2"},
CurrentOption = "Option 1",
MultiSelection = false,
Flag = "Dropdown2",
Callback = function(Option)
print(Option)
end,
})

local Label = Tab:CreateLabel("Thanks for using Arrayfield, there were alot of

issues but here we are!",Section)
local Paragraph = Tab:CreateParagraph({Title = "Paragraph Example", Content =
"Paragraph Example"},Section)
local Sets = Tab:CreateSection('Set Functions',false)
local SButton

SButton = Tab:CreateButton({
Name = "Button Example",
Interact = 'Interact',
SectionParent = Sets,
 Callback = function()
SButton:Set(nil,'New Interaction')
end
})
Tab:CreateButton({
Name = "Dropdown Set",
Interact = 'Interact',
SectionParent = Sets,
Callback = function()
SingleSelection:Set('Option 1')
end
})

local LockTesting = Tab:CreateSection('Lockdown Section',false)

local ToLock = {}

Tab:CreateToggle({
Name = "Lockdown",
SectionParent = LockTesting,
CurrentValue = false,
Callback = function(Value)
if Value then
for _,v in ToLock do
v:Lock('Locked')
end
else
for _,v in ToLock do
v:Unlock('Locked')
end
end
end,
})
Tab:CreateSpacing(LockTesting)
ToLock.Button = Tab:CreateButton({
SectionParent = LockTesting,
Name = "Button Example",
Interact = 'Interact',
Callback = function()
print('Pressed')
end,
})
ToLock.Toggle = Tab:CreateToggle({
SectionParent = LockTesting,
Name = "Toggle Example",
CurrentValue = false,
Flag = "Toggle2", -- A flag is the identifier for the configuration file, make
sure every element has a different flag if you're using configuration saving to
ensure no overlaps
Callback = function(Value)
print(Value)
end,
})
ToLock.ColorPicker = Tab:CreateColorPicker({
Name = "Color Picker",
SectionParent = LockTesting,
Color = Color3.fromRGB(2,255,255),
Flag = "ColorPicker2",
Callback = function(Value)
print(Value)
 end
})
ToLock.Slider = Tab:CreateSlider({
SectionParent = LockTesting,
Name = "Slider Example",
Range = {0, 100},
Increment = 10,
Suffix = "Bananas",
CurrentValue = 10,
Flag = "Slider2",
Callback = function(Value)
print(Value)
end,
})
ToLock.Keybind = Tab:CreateKeybind({
Name = "Keybind Example",
CurrentKeybind = "Q",
HoldToInteract = false,
SectionParent = LockTesting,
Flag = "Keybind2",
Callback = function(Keybind)

end,
})