-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(Table): Added three props to control wrapping in the Table component #347
Conversation
✅ Deploy Preview for cfpb-design-system-react ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could use some clarification, along with adjustments to sample data that better demonstrate how the new props cause data rendering to change.
@@ -158,3 +158,26 @@ export const FixedWidth: Story = { | |||
] | |||
} | |||
}; | |||
|
|||
const maxUidTestRows = [...Array.from({ length: 20 }).keys()].map( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm still curious why even 20 rows are needed? The character count of every row is exactly the same. I'd even argue that having a single row of demo data would be easier for users to adjust props on (especially since changing the prop configuration requires editing the array directly).
closes #344
Changes
cellDisableWordWrap
,cellWordBreak
andheaderWordWrap
props to Table columnsHow to test
cellDisableWordWrap
,cellWordBreak
andheaderWordWrap
in theLongCharacterSets
Table story.Screenshots
Default
Column 1 cells -
no-wrap
, Column 2 cells -wrap