# Answer.Header

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

The `Answer.Header` component provides a horizontal layout container for form navigation and action elements. It's designed to house back buttons, progress indicators, save actions, and other form-related controls at the top of journal entry screens.

## Basic Example [#basic-example]

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

const BasicAnswerHeader = () => (
  <Answer.Header>
    <Text>Header</Text>
  </Answer.Header>
);

export default BasicAnswerHeader;
```

## Props [#props]

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

## Styling [#styling]

### Default Styles [#default-styles]

```tsx
const styles = StyleSheet.create({
  header: {
    flexDirection: "row",
    justifyContent: "space-between",
  },
});
```

## Related Components [#related-components]

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