CreateTESearchElegant

Hello World

Content:
- Methods

Creates a customizable elegant text input.

tes = MUI.CreateTESearchElegant( width, hint, icon, iconPos, color, option ) → Object

Basic implementation.

Example - Basic click to expand contents

cfg.Light
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "VCenter,FillXY")

        tef = MUI.CreateTESearchElegant(0.8, "Search for music", "music_note")
        lay.AddChild(tef)

    app.AddLayout(lay)
}

Copy All

By default icon is displayed on the left, you can place the icon to the right by passing Right to the iconPos argument.

Example - RightIcon click to expand contents

cfg.Dark
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "VCenter,FillXY")

        tef = MUI.CreateTESearchElegant(0.8, "Search for music", "music_note", "Right")
        lay.AddChild(tef)

    app.AddLayout(lay)
}

Copy All

To make a smaller input, just pass small to the option argument.

Example - Small click to expand contents

cfg.Light
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "VCenter,FillXY")

        tef = MUI.CreateTESearchElegant(0.8, "Search for music", "music_note", "Right", "#673ab7", "Small")
        lay.AddChild(tef)

    app.AddLayout(lay)
}

Copy All

To make a bordered input, you can pass border to the option argument.

Example - Border click to expand contents

cfg.Dark
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "VCenter,FillXY")

        tef = MUI.CreateTESearchElegant(0.8, "Search for music", "music_note", "Right", null, "Small,Border")
        lay.AddChild(tef)

    app.AddLayout(lay)
}

Copy All