nimble-card Component

[m-akinc]

😯 Problem to Solve

Need to create a new Nimble component to display other components within a card. This was requested by the following clients but could be useful in other places:

1. Transportation BU (1st screenshot below; contact Jonathan Meyer or Deborah Bryant for more info).
2. SLE landing page (2nd screenshot below; contact Fred Visser, Mark Black, or Michael Brandt for more info)

💁 Proposed Solution

• FAST component: https://explore.fast.design/components/fast-card
• Visual Design: not requested yet

from this BTS wireframe

Requirements/features

• visual styling like drop shadows
• slots to include arbitrary content
• future: higher level card layouts as a mobile-friendly representation of a data grid?

📋 Tasks

• [x] nimble-card visual design issue
• [x] nimble-card visual design spec
• [x] nimble-card spec
• [x] nimble-card custom element
• [x] nimble-card unit tests
• [x] nimble-card Storybook tests
• [x] nimble-card Storybook docs
• [x] nimble-card Angular wrapper
• [x] nimble-card Blazor wrapper
• [x] Add to Angular example app
• [x] Add to Blazor example app
• [x] Update Component Status table in README and incubating status
• [ ] nimble-card pattern/usage documentation

[jattasNI]

Remaining open questions before moving the card out of "incubating" and closing this issue are around usage guidance for cards vs accordions. Should cards ever be collapsible? If so, would they just be replaced by accordion or are there still independent purposes?

Fred can start driving this as he has bandwidth and works more on usage docs in the coming months.