Pane
The base liquid-glass surface every component in this library is built on top of. Wrap any content in it.
Regular
Clear
Installation
npx shadcn@latest add @pane/paneFirst time using Pane in this project? See installation to register the @pane namespace.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "regular" | "clear" | "regular" | Material variant, matching Apple's HIG vocabulary. |
| radius | number | 28 | Corner radius in px — also feeds the refraction filter. |
| interactive | boolean | false | Enables spring-based press/hover feedback. |