# Box

## Example

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

<Box class="text-sm">This is a box, put your stuff here.</Box>
```

## Documentation

## Usage

```svelte
<Box class="text-sm">This is a box, put your stuff here.</Box>
```

## API Reference

### Box
A styled container with default padding, rounded corners, and a subtle background.

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| children | `Snippet` | `-` | The content to display inside the box. (required) |
| class | `string` | `-` | Additional CSS classes to apply. |
| ref | `HTMLDivElement` | `-` | The underlying DOM element. |