website logo
👥 Community🎯 Samples on GitHub🚦 System Status
💡 Guides
🚀 Examples
🍕 Developer Reference
⚡️ Changelog
🎥 Video Library
Navigate through spaces
⌘K
Overview
Reference
Actions
Data
UI
Widgets
Docs powered by
Archbee
Reference
UI

jc-dropdown-item

22min

The schema defines the following properties:

Property

Type

Required

Description

type

component.dropdown-item

true



instanceId

InstanceId | Expression

false



when

Expression | boolean

false



options

Step Item Options

true



instanceId (InstanceId | Expression)

when (Expression | boolean)

options (Step Item Options, required)

Properties of the options object:

Property

Type

Required

Description

title

string | Expression | TextWithFormat | TextLocale

true

Title displayed on list item

value

string

true

Value of the item. It has to be unique for each item. Usually it is ID of the record from DB.

subtitle

string | Expression | TextWithFormat | TextLocale

false

Description of step displayed on list item as subtitle

description

string | Expression | TextWithFormat | TextLocale

false

Description of step displayed on list item as subtitle

leftElement

icon | AvatarElement | ImageElement

false



title (string | Expression | TextWithFormat | TextLocale, required)

Title displayed on list item

value (string, required)

Value of the item. It has to be unique for each item. Usually it is ID of the record from DB.

Additional restrictions:

  • Regex pattern: ^=@ctx\.current\.item\.[a-zA-Z][a-zA-Z0-9_-]{0,48}[a-zA-Z0-9]$

subtitle (string | Expression | TextWithFormat | TextLocale)

Description of step displayed on list item as subtitle

description (string | Expression | TextWithFormat | TextLocale)

Description of step displayed on list item as subtitle

leftElement (icon | AvatarElement | ImageElement)

The object must be any of the following types:

leftElement (icon)

leftElement (AvatarElement)

leftElement (ImageElement)



Sub Schemas

The schema defines the following additional types:

AvatarElement (avatar)

Avatar

Properties of the AvatarElement object:

Property

Type

Required

Description

element

avatar

true

Type of element

text

string | Expression | TextWithFormat | TextLocale

true

Text displayed when uri is empty.

uri

string | string

false

Source of image displayed as avatar

onPress

keg-action-in-background

false

Action Keg component that will be triggered by pressing on this button.

text (string | Expression | TextWithFormat | TextLocale, required)

Text displayed when uri is empty.

uri (string | string)

Source of image displayed as avatar

The object must be any of the following types:

uri (string)

onPress (keg-action-in-background)

Action Keg component that will be triggered by pressing on this button.

ImageElement (image)

Properties of the ImageElement object:

Property

Type

Required

Description

element

image

true

Type of element

text

string | Expression | TextWithFormat | TextLocale

true

Text displayed when uri is empty.

uri

string | string

false

Source of image displayed as avatar

onPress

keg-action-in-background

false

Action Keg component that will be triggered by pressing on this button.

resizeMode

ResizeMode

false

Image resize mode

text (string | Expression | TextWithFormat | TextLocale, required)

Text displayed when uri is empty.

uri (string | string)

Source of image displayed as avatar

The object must be any of the following types:

uri (string)

onPress (keg-action-in-background)

Action Keg component that will be triggered by pressing on this button.

resizeMode (ResizeMode)

Image resize mode

ResizeMode (enum<string>)

This element must be one of the following enum values:

  • contain
  • cover
  • stretch
  • center



Updated 25 Sep 2023
Did this page help you?
PREVIOUS
jc-date-picker
NEXT
jc-dropdown
Docs powered by
Archbee
TABLE OF CONTENTS
instanceId (InstanceId | Expression)
when (Expression | boolean)
options (Step Item Options, required)
title (string | Expression | TextWithFormat | TextLocale, required)
value (string, required)
subtitle (string | Expression | TextWithFormat | TextLocale)
description (string | Expression | TextWithFormat | TextLocale)
leftElement (icon | AvatarElement | ImageElement)
leftElement (icon)
leftElement (AvatarElement)
leftElement (ImageElement)
Sub Schemas
AvatarElement (avatar)
text (string | Expression | TextWithFormat | TextLocale, required)
uri (string | string)
uri (string)
onPress (keg-action-in-background)
ImageElement (image)
text (string | Expression | TextWithFormat | TextLocale, required)
uri (string | string)
uri (string)
onPress (keg-action-in-background)
resizeMode (ResizeMode)
ResizeMode (enum<string>)
Docs powered by
Archbee
Copyright © 2023 Jigx, Inc. All rights reserved. Terms of Service