Accept Invite 7 - Project Join Bar

Pro

A wide project invite that places the site, project, role, and join action on one row.

Shadcn Accept Invite 7 block

Component data

ID
accept-invite7
Access
pro
Created
Sep 5, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Accept Invite 7 block design & features

AcceptInvite7 is a wide project invite built with shadcn/ui. The site name sits above the project heading. One line names who invited you, the role, and the email the invite was sent to. Join and decline buttons sit at the end of the same row on wider screens.

The invite is a muted bar with a hairline border, stretched to the section width rather than a narrow centered card. The heading is the project. The buttons use the default and outline variants, with no icons. The bar is static.

This is a project membership, not an account signup. You are joining one project on shadcnblocks.com, and the role is already assigned. It is a simple block. It needs a site name, a project name, an inviter, a role, and an email.

On a narrow viewport the buttons stack under the copy and span the bar. On a wider viewport they sit in a row at the trailing edge.