Bixby Developer Center

Guides
References

input-cell

optionalmultiple allowed

A cell that displays user input information. If a user selects this input cell, the input information can be updated with an input prompt. If you need two input-cell components within a single row, you should specify the split-input-cell.

Note

If the device does not support split-input-cell, it will split the two cells into separate input-cell components on their own separate lines.

Examples

This example uses several input-cell components: two in their own row and a third row with a split-input-cell, with two cells of its own.

result-view {
match: RideShare (rideShare) {
from-output: ShowRideShareInputCells
}

message {
template ("Here are input cells:")
}

render {
layout {
section {
content {
input-cell {
label {
template ("Pickup")
}
value {
template ("60 S Market St, San Jose")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
input-cell {
label {
template ("Dropoff")
}
value {
template ("San Francisco Int'l Airport, San Francisco")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
split-input-cell {
left {
input-cell {
label {
template ("Ride Type")
}
value {
template ("#{value(rideShare.productType)}")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
}
right {
input-cell {
label {
template ("Payment method")
}
value {
template ("Visa ***88")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
}
}
}
}
}
}
}

View on GitHub

Here is how an input-cell appears on different devices:

MobileWatchTV (Expanded View)Fridge
input-cellinput-cell
Watch does not support split-input-cell
input-cell
TV does not support split-input-cell
input-cell
Note

The look and feel of this Views component might differ between devices, specifically with respect to spacing. Mobile, tablet, and fridge devices are similar in design, for example, but have varying resolution and spacing specifications.

Design Considerations

This component is applicable to this moment:

You can find design specifications for this component in the Components Spec download under Design Resources.

Child Keys

label
required
Label in a slot of a cell
on-click
optional
Defines an intent to use when a user clicks on the component
value
optional
Initial value to be displayed in the given input-cell