[cards] Using cards as widgets

[jamessampford]

Feature Request

It may be nice to use cards as widgets to show data within some kind of admin panel (or as a separate view for more control)

Widgets should be able to support:

• statistics (if one, then show fluid #2536 rather than needing a wrapper to show one as per example)
• Statistics with trends #1595
• charts with padding around (like example) or an optional edge-to-edge chart (ie. no padding)
• Background chart
• Simple tables
• Buttons (as per cards)
• Map
• Coloured background
• Progress
• Settings dropdown
• A placeholder card/widget (similar to placeholder segment - https://fomantic-ui.com/elements/segment.html#placeholder-segment) where can add a new card/widget

Example

I’ve put a quick example together at https://jsfiddle.net/ot432z7q/1/

Needs a bit of polish making the menu icon a little over to the right

Edge-to-edge chart example

Some additional samples: https://cruip.com/demos/mosaic/

[lubber-de]

Regarding "edge2edge" Chart: If you move the div outside of content and as a direct child of the card you already have no padding See https://jsfiddle.net/lubber/ho0ftesk/2/

[jamessampford]

Regarding "edge2edge" Chart: If you move the div outside of content and as a direct child of the card you already have no padding

Ah, nice! 👍

[jamessampford]

[ivangomes]

We need something like this! :)