-
Notifications
You must be signed in to change notification settings - Fork 53
Conversation
import { getSideArrow } from '../../utils' | ||
import { pxToRem } from '../../../../lib' | ||
import { ComponentSlotStyleFunction, ComponentSlotStylesInput, ICSSInJSStyle } from '../../../types' | ||
import { pxToRem, getColorFromScheme } from '../../../../lib' |
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 remember I used getColorFromScheme
in the renderComponent, so that the user will receive colors object in the styles containing the merged colors. Please take a look on that. If that is not sufficient, we may rework the mechanism there and try to avoid this method in the styles.
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.
not relevant anymore, see #756
/> | ||
) | ||
|
||
export default MenuExampleColor |
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 example looks overcomplicated to me, may be we can:
- introduce a new
Select
knob - use it to get select an active color
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.
@layershifter can you show me an example of that? I would give it a shot
docs/src/examples/components/Menu/Variations/MenuExampleVerticalPointingEnd.shorthand.tsx
Show resolved
Hide resolved
closing in favor of #756 |
feat(menu): color prop
Description
This PR:
color
prop toMenu
componentMenu
color examplesAPI
where
COLOR
can be:'primary' | 'secondary' | 'blue' | 'green' | 'grey' | 'orange' | 'pink' | 'purple' | 'teal' | 'red' | 'yellow' | string
'foreground' | 'background' | 'border'
to identify the target area of the componente.g.:
renders:

List of colored menu examples: