react-magma
react-magma copied to clipboard
Popover: Support full width button
I can't use a full width Button / Icon Button as the PopoverTrigger. Caldera needs this and we should support it.
Workaround:
const PopoverTriggerContainer = styled.div`
& > div {
width: 100% !important;
}
`;
These custom styles allow us to force the trigger to be full width, but then we can't use target to set the container to also have that same width
Acceptance Criteria
- A Button/IconButton inside the PopoverTrigger can use the
isFullWidthprop from Button to receive full width styles - Using the
width: targetworks as expected, or with any width