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 busy live region disables search while preserving the incoming query and table shape.
Checking names, email addresses, roles, and invitation status…
| User | Role | Status |
|---|---|---|
| Loading user 1 | — | — |
| Loading user 2 | — | — |
| Loading user 3 | — | — |
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