[Contexts](https://oods-foundry.com/contexts) / list # list An object as a row in a list. Generated from @oods/foundry 0.10.1 ## The same context across several objects Each is its object's generated screen in this context, in React and Vue, with the calls that made it. Open an object for its other contexts. [User list screen generated by OODS Foundry in React](https://oods-foundry.com/objects/user/screens/list-react) React app · sample records Maturity: stable `sha256:7b515068c105…` [Open full size: User list screen generated by OODS Foundry in React](https://oods-foundry.com/objects/user/screens/list-react) Vue app · sample records Maturity: stable `sha256:ad1d827a009d…` [Open full size: User list screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/user/screens/list-vue) React app · sample records Maturity: beta `sha256:05dac7424d09…` [Open full size: Invoice list screen generated by OODS Foundry in React](https://oods-foundry.com/objects/invoice/screens/list-react) Vue app · sample records Maturity: beta `sha256:9476b6d0b0dc…` [Open full size: Invoice list screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/invoice/screens/list-vue) React app · sample records Maturity: beta `sha256:c0e65d1035b9…` [Open full size: Plan list screen generated by OODS Foundry in React](https://oods-foundry.com/objects/plan/screens/list-react) Vue app · sample records Maturity: beta `sha256:e37fbc985d9a…` [Open full size: Plan list screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/plan/screens/list-vue) React app · sample records Maturity: beta `sha256:1a4469913d0d…` [Open full size: Subscription list screen generated by OODS Foundry in React](https://oods-foundry.com/objects/subscription/screens/list-react) Vue app · sample records Maturity: beta `sha256:b952f0e283b5…` [Open full size: Subscription list screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/subscription/screens/list-vue) The calls that made the User list apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "User", "context": "list", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-9f9acda5", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-9f9acda5", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:7b515068c10523a2e58449e6847db409ea829e89b247d45d216b48607a31746d`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:ad1d827a009d1941034974971276ab53321a6911df909e27c95ed49bc295a2c7`. Its `src/` folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css What `design_compose` reported: - `OODS-V121` Object 'Invoice' has maturity 'beta' — composed output may change. The calls that made the Invoice list apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "Invoice", "context": "list", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-64c89dfa", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-64c89dfa", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:05dac7424d0969dd9d65ac50e79bc36b8824600f02f28d61ed5a70776e548fda`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:9476b6d0b0dc281e4df501bffb2ca2b9f2beddea07e9712055c0cbf271ac814a`. Its `src/` folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css What `design_compose` reported: - `OODS-V121` Object 'Plan' has maturity 'beta' — composed output may change. The calls that made the Plan list apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "Plan", "context": "list", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-a97a41ea", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-a97a41ea", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:c0e65d1035b993ee3dd33e9c57e4fc29f8fc9e3c4b32f34920e06960c38024fc`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:e37fbc985d9a594b78a2be09a841401871b2eb919fa845394654f95135d31afc`. Its `src/` folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css What `design_compose` reported: - `OODS-V121` Object 'Subscription' has maturity 'beta' — composed output may change. - `OODS-V117` Subscription refines 11 fields its traits define, and its own definitions are used: lifecycle/Stateful (status); lifecycle/Cancellable (cancel_at_period_end, cancellation_reason, cancellation_requested_at); financial/Billable (amount, currency, billing_interval, current_period_start, current_period_end, current_period_progress, next_payment_due_at). The calls that made the Subscription list apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "Subscription", "context": "list", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-b1183dc3", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-b1183dc3", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:1a4469913d0d7e8a40c141b1eeb6f439096cf3521c687b20becc05d18ce44294`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:b952f0e283b5d5ea4a8ad98b10992e2f01e0aaec2c17c176d70f5be30caa2855`. Its `src/` folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css ## What traits place here - [Addressable](https://oods-foundry.com/traits/addressable) `AddressSummaryBadge` - [Archivable](https://oods-foundry.com/traits/archivable) `ArchivedRowOverlay` - [Assessable](https://oods-foundry.com/traits/assessable) `StatusBadge` - [Authable](https://oods-foundry.com/traits/authable) `RoleBadgeList` - [Billable](https://oods-foundry.com/traits/billable) `BillingSummaryBadge` - [Classifiable](https://oods-foundry.com/traits/classifiable) `ClassificationBadge` - [Colorized](https://oods-foundry.com/traits/colorized) `ColorSwatch` - [Communicable](https://oods-foundry.com/traits/communicable) `MessageStatusBadge` - [EncodingColor](https://oods-foundry.com/traits/encoding-color) `VizEncodingBadge` - [EncodingPositionX](https://oods-foundry.com/traits/encoding-position-x) `VizEncodingBadge` - [EncodingPositionY](https://oods-foundry.com/traits/encoding-position-y) `VizEncodingBadge` - [EncodingSize](https://oods-foundry.com/traits/encoding-size) `VizEncodingBadge` - [Filterable](https://oods-foundry.com/traits/filterable) `FilterPanel` - [Geocodable](https://oods-foundry.com/traits/geocodable) `GeoResolutionBadge` - [Labelled](https://oods-foundry.com/traits/labelled) `LabelCell` - [MarkArea](https://oods-foundry.com/traits/mark-area) `VizRoleBadge` - [MarkBar](https://oods-foundry.com/traits/mark-bar) `VizRoleBadge` - [MarkLine](https://oods-foundry.com/traits/mark-line) `VizRoleBadge` - [MarkPoint](https://oods-foundry.com/traits/mark-point) `VizRoleBadge` - [Ownerable](https://oods-foundry.com/traits/ownerable) `OwnerBadge` - [Pageable](https://oods-foundry.com/traits/pageable) `PaginationBar` - [Preferenceable](https://oods-foundry.com/traits/preferenceable) `PreferenceSummaryBadge` - [Priceable](https://oods-foundry.com/traits/priceable) `PriceBadge` - [Provenanced](https://oods-foundry.com/traits/provenanced) `RelativeTimestamp` - [SaaSBillingBillable](https://oods-foundry.com/traits/saas-billing-billable) `BillingSummaryBadge` - [SaaSBillingPayable](https://oods-foundry.com/traits/saas-billing-payable) `BillingSummaryBadge` - [Searchable](https://oods-foundry.com/traits/searchable) `SearchInput` - [Sortable](https://oods-foundry.com/traits/sortable) `SortIndicator` - [Stateful](https://oods-foundry.com/traits/stateful) `StatusBadge` - [Statusable](https://oods-foundry.com/traits/statusable) `StatusBadge` - [Supersedable](https://oods-foundry.com/traits/supersedable) `StatusBadge` - [Taggable](https://oods-foundry.com/traits/taggable) `TagPills` - [Timestampable](https://oods-foundry.com/traits/timestampable) `RelativeTimestamp` ## Objects that compose in it - [Article](https://oods-foundry.com/objects/article#screen-list) - [Invoice](https://oods-foundry.com/objects/invoice#screen-list) - [Media](https://oods-foundry.com/objects/media#screen-list) - [Organization](https://oods-foundry.com/objects/organization#screen-list) - [Plan](https://oods-foundry.com/objects/plan#screen-list) - [Product](https://oods-foundry.com/objects/product#screen-list) - [Relationship](https://oods-foundry.com/objects/relationship#screen-list) - [Subscription](https://oods-foundry.com/objects/subscription#screen-list) - [Transaction](https://oods-foundry.com/objects/transaction#screen-list) - [Usage](https://oods-foundry.com/objects/usage#screen-list) - [User](https://oods-foundry.com/objects/user#screen-list)