# Glass Panel

A translucent panel with blur and vibrancy effects.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).



<ComponentPreview name="glass-panel/Basic" />

## Import [#import]

```rust
use maccn::{GlassMaterial, MacGlassPanel};
```

## Usage [#usage]

```rust
MacGlassPanel::new("panel")
    .material(GlassMaterial::Clear)
    .child("Media controls");
```

## API [#api]

### Props [#props]

| Prop       | Type            | Default   |
| ---------- | --------------- | --------- |
| `material` | `GlassMaterial` | `Regular` |

### Materials [#materials]

| Material  | Description            |
| --------- | ---------------------- |
| `Regular` | Stronger opacity tint. |
| `Clear`   | Lighter opacity tint.  |

### Traits [#traits]

| Trait           | Description                        |
| --------------- | ---------------------------------- |
| `Styled`        | Set background, border, etc.       |
| `ParentElement` | Add child elements via `.child()`. |