# Answer.Input

Canonical page: https://docs.ovok.com/native-sdk/guide/components/journal/answer-input

The `Answer.Input` component renders React Native's `TextInput` with the
`react-native-paper` `TextInputProps` type and SDK placeholder styling.

## Basic Example [#basic-example]

```typescript
import { Answer } from "@ovok/native";
import * as React from "react";

const BasicAnswerInput = () => (
  <Answer.Input placeholder="Enter your response" />
);

export default BasicAnswerInput;
```

## Props [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/journal` API reference](/native-sdk/reference/journal).

## Component Behavior [#component-behavior]

### Theme Integration [#theme-integration]

- **Placeholder Color**: Automatically uses `theme.colors.onSurfaceDisabled` for consistent muted text
- **Text Color**: Uses the platform input's inherited text color unless the app
  supplies one
- **Background**: Uses the platform input's default background unless styled by
  the app

## Styling [#styling]

### Default Styles [#default-styles]

```tsx
const styles = StyleSheet.create({
  input: {
    flex: 1,
  },
});
```

### Theme Colors Used [#theme-colors-used]

- `theme.colors.onSurfaceDisabled` - Placeholder text color

## Related Components [#related-components]

- [Answer](/native-sdk/guide/components/journal/answer/) - Parent container component
- [Answer.Header](/native-sdk/guide/components/journal/answer-header/) - Header navigation component
- [Answer.Question](/native-sdk/guide/components/journal/answer-question/) - Question display component
- [Answer.Actions](/native-sdk/guide/components/journal/answer-actions/) - Bottom action container