More advanced callout card

[marektonik]

hey, we want to recreate following component using Paste DS (blue card - Create Tracking Plan), any ideas how to achieve similar effect? Callout component seems the closest to what we want to have, however there are no buttons as a variant, besides buttons there is no status for this case, sort of "idea". thanks in advance!

[loreina]

Hi @marektonik,

The Callout is composable and you can nest any items inside, including a Button. We don't have an "idea" status, though I think a Card or neutral Callout might work here depending on the importance of the content being conveyed.

[loreina]

Hi @marektonik, what custom content are you trying to put inside a Button?

[marektonik]

@loreina I wanted to put a Button inside a Callout. By custom slot I meant custom slot for callout body, sth more adavanced than regular text or list.

[loreina]

@marektonik In code, Callout is composable so you can put a Button in there. We don't yet have a Callout slot variant in Figma. I'd echo my previous suggestion of looking into Card as an option depending on the use case and importance of the content being conveyed.

[marektonik]

@loreina the thing is we don't have much space there :( A Card component has quite big paddings. Until we don't come up with better solution, can we just detach a Callout and put a Button there?

[SiTaggart]

If I'm not mistaken, you can adjust the padding in the Card in Figma, just like in Code, using the layout properties.

A card would probably work just fine here.