feat: [SC-79340] Add card view to GridTableLayout#1172
feat: [SC-79340] Add card view to GridTableLayout#1172
Conversation
| )} | ||
| <div css={Css.df.gap1.$}> | ||
| {cardView && ( | ||
| <ButtonGroup |
There was a problem hiding this comment.
The original design has a dropdown button that changes the icon based on the selected option.
I’m not sure we have an out-of-the-box component with that functionality, and it also requires an extra click for users to toggle between views... So I went with this approach. We could add it as a follow-up if needed.
There was a problem hiding this comment.
@roberthdg Yea I don't believe we do have a component like this so it might need to be added as a variant to Select. The reason I went with a Select dropdown for this instead of using the Button Group component is to be consistent on other pages where we need more 'View' options and a toggle wouldn't work, like on Schedules here (List, Cal, Gantt, Milestone, Lookahead, etc):
. Although I'm not sure when we'll be getting to updating the Schedule page, so maybe this is ok for now. I'll throw this into the Beam slack channel as a heads up for other folks using this component.
There was a problem hiding this comment.
Posted in Beam. Let's stick with this toggle you have for now since Schedules is a one-off anyway and it the only one.
Demo:
Screen.Recording.2026-01-02.at.6.56.01.PM.mov