react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Popover: Support full width button

Open silvalaura opened this issue 4 months ago • 0 comments

I can't use a full width Button / Icon Button as the PopoverTrigger. Caldera needs this and we should support it.

Image

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

  1. A Button/IconButton inside the PopoverTrigger can use the isFullWidth prop from Button to receive full width styles
  2. Using the width: target works as expected, or with any width

silvalaura avatar Aug 28 '25 01:08 silvalaura