Open
Description
Before creating a new issue, please confirm:
- I have searched for duplicate or closed issues and discussions.
- I have tried disabling all browser extensions or using a different browser
- I have tried deleting the node_modules folder and reinstalling my dependencies
- I have read the guide for submitting bug reports.
On which framework/platform are you having an issue?
React
Which UI component?
Other
How is your app built?
NA
What browsers are you seeing the problem on?
No response
Please describe your bug.
The Collection component exports table
type which is currently not implemented.
amplify-ui/packages/react/src/primitives/Collection/Collection.tsx
Lines 101 to 114 in 81903d1
What's the expected behaviour?
type="table" should render a TableRow
Help us reproduce the bug!
This will render null even if users is populated with an array.
<Table highlightOnHover={true} size="small" variation="striped">
<TableHead>
<TableCell as="th">Id</TableCell>
<TableCell as="th">First Name</TableCell>
<TableCell as="th">Last Name</TableCell>
<TableCell as="th">Team</TableCell>
</TableHead>
<TableBody>
<Collection items={users} type="table">
{(item, index) => (
<TableRow>
<TableCell>{item.id}</TableCell>
<TableCell>{item.firstName}</TableCell>
<TableCell>{item.lastName}</TableCell>
<TableCell>{item.teamId}</TableCell>
</TableRow>
)}
</Collection>
</TableBody>
</Table>
Code Snippet
// Put your code below this line.
Additional information and screenshots
No response