InputTrigger

Beta

A pressable view styled like an input field. Used as a trigger for pickers, dialogs, and overlays.

Installation

npm install @xaui/native

Import

import { InputTrigger } from '@xaui/native/input-trigger'

Basic Usage

Minimal example showing the component with its default configuration.

import { InputTrigger } from '@xaui/native/input-trigger'

export function Example() {
  return <InputTrigger />
}

Basic

A simple trigger styled like an input.

import { InputTrigger } from '@xaui/native/input-trigger'

export function BasicExample() {
  return (
    <InputTrigger
      label="Color"
      placeholder="Pick a value..."
      onPress={() => {}}
    />
  )
}

Variants

import { InputTrigger } from '@xaui/native/input-trigger'
import { Column } from '@xaui/native/view'

export function VariantsExample() {
  return (
    <Column gap={12}>
      <InputTrigger label="Colored" variant="colored" value="Selected value" onPress={() => {}} />
      <InputTrigger label="Light" variant="light" value="Selected value" onPress={() => {}} />
      <InputTrigger label="Bordered" variant="bordered" value="Selected value" onPress={() => {}} />
      <InputTrigger label="Underlined" variant="underlined" value="Selected value" onPress={() => {}} />
    </Column>
  )
}