-
Notifications
You must be signed in to change notification settings - Fork 16
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
New DS core component: accordion #632
Conversation
Pull Request Test Coverage Report for Build 4689752857
💛 - Coveralls |
|
||
...(variant === 'outlined' && { | ||
backgroundColor: theme.palette.background.paper, | ||
boxShadow: `inset 0 0 0 1px ${theme.palette.divider}` |
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.
Out of curiosity.
We've got theme.shadows
. Are they of no use here? If not, when they should be used (they are used in extensively in cloud-native)
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 boxShadow use is custom, to simulate a border indeed... Designers wanted to have this line inside the element itself, and using an inset border didn't work properly.
But yes, we use theme.shadows
for common use cases.
const Template = ({ ...args }) => { | ||
return <Avatar {...args} />; | ||
}; | ||
|
||
const ShapeTemplate = ({ ...args }) => { | ||
const classes = useStyles(); |
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 to use the opportunity for cleanup!
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.
👍🏻
Description
Shortcut: (302856)
Implement this core component needed by Workflows product.