Glass Svelte Component

Glass renders the iOS "liquid glass" material - a translucent, frosted surface with a backdrop blur and subtle inner highlights. It is the same background used under the hood by components like Navbar, Toolbar, Tabbar and Popover, and is now exported so you can build your own glass-styled surfaces.

Any content passed to Glass is rendered inside the glass surface. By default it renders a <div>, which can be changed with the component prop:

<script>
  import { Glass } from 'konsta/svelte';
</script>

<Glass class="rounded-2xl p-4">Liquid Glass</Glass>

Contents

• Glass Components
• Glass Props

Glass Components

There are following components included:

• Glass

Glass Props