Blocks
Files - Sharing
File sharing blocks: a share dialog that invites people and sets roles, an access list with pending invitations and undo, public link settings with a password and an expiry and a file detail panel with tabs, tags and actions.
These blocks cover who can see a file and how. They take typed props with fictional people, and the invite, role and link settings only change local state, so connect them to your API. Always check access on the server. A hidden button is not a permission.
The roles are viewer, commenter and editor, and the owner row cannot be changed. The photo in the detail panel is a placeholder from Unsplash.
Style One
Share dialog with an invite field, a role select for each person, general access and a copy link button.
Style Two
Access list with role selects, pending invitations that can be resent or cancelled and an undo after you remove someone.
Style Three
Public link settings with a switch, a copy button, a permission, an optional password, an expiry and a reset link action.
Style Four
File detail panel with a preview, tabs for details, activity and sharing and tags that can be added and removed.
Files - File Manager
File manager blocks: a grid with previews and selection, a sortable file table, a folder browser with breadcrumbs and a toolbar, a sidebar folder tree, recent files and a trash with restore and delete forever.
Files - Storage
Storage blocks: a usage meter with a segmented bar, a breakdown by file type with a size or file count switch, a plan upgrade prompt with a monthly and yearly price toggle and quota warning banners that change at 80, 90 and 100 percent.