-
Notifications
You must be signed in to change notification settings - Fork 13
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
va-table: add striped variation #1439
Conversation
const defaultProps = {...props, 'table-title': 'this is a caption'}; | ||
return `<va-table ${Object.entries(defaultProps) | ||
.map(([key, value]) => `${key}="${value}"`) | ||
.join(' ')}> |
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 saw an opportunity to make it easier to test props without having to copy/paste table markup. We should be able to use this makeTable
function now with customizable properties.
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.
This looks great!
}); | ||
|
||
|
||
describe('V3 table', () => { |
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.
Just some cleanup things along the way.
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.
Nice work on the striped and sortable!
Chromatic
https://3448-va-table-striped--65a6e2ed2314f7b8f98609d8.chromatic.com
Description
This adds the USWDS striped variation to va-table.
Closes department-of-veterans-affairs/vets-design-system-documentation#3448
QA Checklist
Screenshots
Basic bordered + striped table
Striped + Sorting + Border + Scrollable
Acceptance criteria
Definition of done