> 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

![](https://670934291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRpFZNVnh0tWsT6G3IxG%2Fuploads%2FmmgvccgG44gHw7S4B0cb%2Fimage.png?alt=media\&token=3bf3e57b-a187-4d1b-b95f-6d475df75ea8)

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

![](https://670934291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRpFZNVnh0tWsT6G3IxG%2Fuploads%2Fom52HPuf7C46P7wLZcwp%2Fimage.png?alt=media\&token=e1f94c71-a904-4221-8216-cb4bb3a7da68)

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

![](https://670934291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRpFZNVnh0tWsT6G3IxG%2Fuploads%2FJdwS6TDmzEVOXbRN6FGa%2Fimage.png?alt=media\&token=f9c4bef9-c6eb-4d19-bb56-7ce09c0757df)