Structure

OUDSInputTag

Input tag is a UI element that allows 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 tag is often used for adding labels, categories, or participants.

iOS 15.0+
macOS 13.0+
tvOS 16.0+
visionOS 1.0+
watchOS 11.0+

@MainActor struct OUDSInputTag

Mentioned In

Indicators

Code samples

    // Create an input tag
    OUDSInputTag("Label") {
        // Do something, usually remove itself from a list
    }

    // Show in a list and remove when clicked
    var names: [String] = [ "Foo", "Bar", "Wizz" ]

    ForEach(names, id: \.self) { name in
        OUDSInputTag(label: name) {
            if let index = names.firstIndex(of: name) {
                names.remove(at: index)
            }
        }
    }

Design documentation

unified-design-system.orange.com

Themes rendering

Orange

An input tag component in light and dark modes with Orange theme

Orange Compact

An input tag component in light and dark modes with Orange Compact theme

Sosh

An input tag component in light and dark modes with Sosh theme

Wireframe

An input tag component in light and dark modes with Wireframe theme

Version
1.4.0 (Figma component design version)

Since
0.21.0

Topics

Initializers

init(label: String, action: () -> Void)
Creates an OUDSInputTag

Instance Properties

var body: some View