[cards] Using cards as widgets

Open jamessampford opened this issue 2 years ago • 4 comments

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/

Nov 01 '22 20:11 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 See https://jsfiddle.net/lubber/ho0ftesk/2/