Workspace users
Component-composed paginated user index and search plus detail, empty, loading, error, bulk, outcome, and mobile states.
Workspace users
Paginated index and search, identity detail, empty, loading, failure, bulk action, outcomes, and mobile pressure.
Loading
A busy live region disables search while preserving the incoming query and table shape.
Searching users…
Checking names, email addresses, roles, and invitation status…
| User | Role | Status |
|---|---|---|
| Loading user 1 | — | — |
| Loading user 2 | — | — |
| Loading user 3 | — | — |
Viewport
Ruby
test/dummy/app/components/gallery/compositions/users_page.rbdiv(
data: {
gallery: "composition-surface",
gallery_composition: "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