# Phone

## Example

```svelte
<script>
	import { Phone } from '@foxui/all';
</script>

<Phone>
	<div
		class="from-accent-200 to-accent-300 flex h-full w-full items-center justify-center bg-gradient-to-b p-8"
	>
		<div class="text-3xl font-bold text-black">Hello there</div>
	</div>
</Phone>
```

## Documentation

## Usage

```svelte
<Phone>
	<div class="bg-accent-200 flex h-full w-full items-center justify-center p-8">
		<div class="text-3xl font-bold text-black">Hello there</div>
	</div>
</Phone>
```

## API Reference

### Phone
A decorative phone frame that wraps content to simulate a mobile device display.

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| children | `Snippet` | `-` | The content to display inside the phone frame. (required) |
| class | `string` | `-` | Additional CSS classes to apply. |