Bling Components

Bling Components

Dropdown

dropdown component can be used as part of any component and are available in below format:

`dropdown`

Package Name

fifthtry.github.io/bling

Add below depedencies into your FASTN.ftd file.

-- fastn.dependency: fifthtry.github.io/bling
-- fastn.auto-import: fifthtry.github.io/bling/dropdown

-- fastn.dependency: fifthtry.github.io/bling
-- fastn.auto-import: fifthtry.github.io/bling/dropdown

Below is example of dropdown.

Once you add above lines into your web package, add dropdown into your .ftd files:

Input

-- string $selected-item: Option 1

-- drodown.options list option-list:

-- drodown.options: Option 1

-- drodown.options: Option 2

-- drodown.options: Option 3

-- drodown.options: Option 4

-- drodown.options: Option 5

-- end: option-list

-- dropdown:
options-list: $option-list

-- string $selected-item: Option 1

-- drodown.options list option-list:

-- drodown.options: Option 1

-- drodown.options: Option 2

-- drodown.options: Option 3

-- drodown.options: Option 4

-- drodown.options: Option 5

-- end: option-list

-- dropdown:
options-list: $option-list

sample.ftd

Output

Option 1

Bling Components

Bling Components

Dropdown

dropdown component can be used as part of any component and are available in below format:

`dropdown`

Package Name

fifthtry.github.io/bling

Add below depedencies into your FASTN.ftd file.

-- fastn.dependency: fifthtry.github.io/bling
-- fastn.auto-import: fifthtry.github.io/bling/dropdown

-- fastn.dependency: fifthtry.github.io/bling
-- fastn.auto-import: fifthtry.github.io/bling/dropdown

Below is example of dropdown.

Once you add above lines into your web package, add dropdown into your .ftd files:

Input

-- string $selected-item: Option 1

-- drodown.options list option-list:

-- drodown.options: Option 1

-- drodown.options: Option 2

-- drodown.options: Option 3

-- drodown.options: Option 4

-- drodown.options: Option 5

-- end: option-list

-- dropdown:
options-list: $option-list

-- string $selected-item: Option 1

-- drodown.options list option-list:

-- drodown.options: Option 1

-- drodown.options: Option 2

-- drodown.options: Option 3

-- drodown.options: Option 4

-- drodown.options: Option 5

-- end: option-list

-- dropdown:
options-list: $option-list

sample.ftd

Output

Option 1

Copyright © 2023 - FifthTry