> ## Documentation Index
> Fetch the complete documentation index at: https://doc.lucidworks.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Field

[localhost link]: http://localhost:3000/docs/5/app-studio/reference/gallery/field

[mintlify link]: https://doc.lucidworks.com/docs/5/app-studio/reference/gallery/field

[old doc.lw link]: https://doc.lucidworks.com/app-studio/4.2/1038

<img src="https://mintcdn.com/lucidworks/svjqq6CDiXcpPrjs/assets/images/app-studio/as-examples/gallery/field01.png?fit=max&auto=format&n=svjqq6CDiXcpPrjs&q=85&s=368f639e1ebf9c01406a89fe211552c9" alt="Example" width="1271" height="393" data-path="assets/images/app-studio/as-examples/gallery/field01.png" />

import { LwTemplate } from '/snippets/LwTemplate.jsx';

<LwTemplate />

```xml wrap  theme={"dark"}
<search:result result="response | result:5">
    <!-- Title field styling-->
    <search:field name="full_name" styling="title"></search:field>
    <!-- Default - label left -->
    <search:field name="year"></search:field>

    <!-- Inline labels -->
    <search:field name="gender" label="Gender" styling="label-inline"></search:field>
    <search:field name="age" label="Age" styling="label-inline" show="1"></search:field>
    <search:field name="facialhair" label="Facial Hair" styling="label-inline"></search:field>

    <br>

    <!-- Label left that moves on top for smaller screens -->
    <search:field name="Country of birth" styling="label-left"></search:field>

    <!-- Label is always above the field -->
    <search:field name="Prize Category" styling="label-above"></search:field>

    <!-- Description styling, ideal for blocks of text that don't require a label -->
    <search:field name="motivation" styling="description"></search:field>
</search:result>
```