May 22

Flush elevation option for page-mounted components

Category: SDK
Published: May 22

Render Clerk components without a card wrapper using the new elevation appearance option.

A new elevation appearance option lets you control whether page-mounted Clerk components render inside a card (raised) or directly on the page (flush). The default is raised, preserving existing behavior.

<SignIn
  appearance={{
    options: {
      elevation: 'flush',
    },
  }}
/>

When set to flush, components drop their card background, border, and shadow, making it easier to embed sign-in, sign-up, and profile components into your own layouts. Modals and popovers always use raised regardless of this setting.

See the appearance options documentation for more details.