> For the complete documentation index, see [llms.txt](https://destplay.gitbook.io/plugin-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://destplay.gitbook.io/plugin-components/get-started/get-started.md).

# Get started

## Download example

Download rblx file from DevForum

{% embed url="<https://devforum.roblox.com/t/open-source-plugincomponent-plug-in-interface-creation-kit/1652662>" %}

## Start

Open LS Example

![](/files/5fTIbmNn2IGIBUTMk3xs)

## Let's look at a simple example

```lua
local PluginComponents= require(game.ReplicatedStorage.PluginComponents.PluginComponents);



local Container = PluginComponents.Component.Container.New();
Container.SetParent(script.Parent)
.SetHeight(0, 600)
.SetWidth(0,360)



local btnExample = PluginComponents.Component.Btn.New()
.SetParent(Container)
.SetText("Example")
.SetBackgroundColor(PluginComponents.Color.Blue)
.MouseButton1Click:Connect(function()
    print("Click!")
end)

```

#### Result:

![](/files/rD7nr9DhrtUZarb4aZCL)

### How does it work?

We create a simple container, using a function:

`PluginComponents.Component.Container.New()`

Next, use a point to change the properties of the created object

`Container.SetParent(script.Parent)`

`.SetHeight(0, 600)`

`.SetWidth(0,360)`

In doing so, obtain an autocomplete after each point:

![](/files/FEoJM5RyrMYwA2Z2wili)