Users flow
Block-composed paginated user index and search plus detail, empty, loading, error, bulk, outcome, and mobile states.
Paginated index and search, identity detail, empty, loading, failure, bulk action, outcomes, and mobile pressure.
A dense first page combines identity, role, status, dates, row actions, boundaries, and an omitted range.
Workspace identities, access state, and membership history.
| User | Role | Status | Joined | Action | |
|---|---|---|---|---|---|
| [email protected] | Owner | Active | February 12, 2024 | View | |
| [email protected] | Admin | Active | September 03, 2024 | View | |
| Katherine Johnson | [email protected] | Member | Invited | Invitation pending | View |
| Dorothy Vaughan | [email protected] | Admin | Active | January 08, 2025 | View |
| Margaret Hamilton | [email protected] | Member | Active | April 19, 2025 | View |
| Annie Easley | [email protected] | Viewer | Suspended | September 30, 2025 | View |
| Mary Jackson | [email protected] | Member | Active | February 14, 2026 | View |
| Chien-Shiung Wu | [email protected] | Viewer | Invited | Invitation pending | View |
Showing 1–8 of 128 workspace users
test/dummy/app/components/gallery/flows/users_page.rbdiv(
data: {
gallery: "flow-surface",
gallery_flow: "users",
gallery_mobile: state == "mobile" ? "true" : nil
}.compact
) do
render NitroKit::Container.new(size: :xl, id: "gallery-users-container") do
render NitroKit::Flex.new(dir: :col, gap: 6, align: :stretch, id: "gallery-users-stack") do
turbo_frame_tag("gallery-users-frame") { render_screen }
end
end
end