OudsInputTag
An input tag is a component that allows users to enter multiple values, each represented as a tag. As users type and submit values (usually by pressing enter, comma, or tab), each value is transformed into a Tag. Input tags are often used for adding labels, categories, or participants. They typically support editing, removing, and validating individual tags.
Design
| Guidelines | unified-design-system.orange.com |
| Version | 1.4.0 |
Parameters
The label displayed in the input tag.
Called when the input tag is clicked.
Modifier applied to the input tag.
Controls the enabled state of this input tag. When false, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services.
an optional hoisted MutableInteractionSource for observing and emitting Interactions for this input tag. You can use this to change the input tag's appearance or preview the input tag in different states. Note that if null is provided, interactions will still happen internally.
Samples
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.PreviewLightDark
import com.orange.ouds.core.component.OudsInputTag
import com.orange.ouds.core.utilities.OudsPreview
fun main() {
//sampleStart
OudsInputTag(
label = "Input tag",
onClick = { /* Do something! */ }
)
//sampleEnd
}