> ## Documentation Index
> Fetch the complete documentation index at: https://api.fanvue.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# SwitchField
> A labelled switch field with optional helper text and info tooltip.
```tsx theme={null}
import { SwitchField } from "@fanvue/ui";
import type { SwitchFieldOrientation, SwitchFieldProps } from "@fanvue/ui";
```
## Examples
## Default
```tsx theme={null}
import { SwitchField } from "@fanvue/ui";
```
## Disabled
```tsx theme={null}
import { SwitchField } from "@fanvue/ui";
```
## With Info
```tsx theme={null}
import { SwitchField } from "@fanvue/ui";
```
## All Variants
```tsx theme={null}
import { SwitchField } from "@fanvue/ui";
Default - Right orientation
Default - Left orientation
Small - Right orientation
Small - Left orientation
```
## Disabled Checked
```tsx theme={null}
import { SwitchField } from "@fanvue/ui";
```
## Props
## SwitchField
A labelled switch field with optional helper text and info tooltip. Composes the `Switch` component with a `