spectrum-css icon indicating copy to clipboard operation
spectrum-css copied to clipboard

[Card] Support for extended body content

Open Westbrook opened this issue 4 years ago • 4 comments

Description

Are there plans to support an extended amount of body content as found in: https://spectrum.adobe.com/page/cards/#Anatomy

image

For instance the area where text about XD is applied.

Why do you need this feature or component?

@charlessuh can you share some extended use case for this in your work?

Westbrook avatar Feb 23 '21 23:02 Westbrook

Usage example:

help

This goes so far as to forgo the heading content all together, which currently leverages some fixed sized containers that might need an edit pass for this sort of thing to be added.

Westbrook avatar Feb 24 '21 00:02 Westbrook

Similarly, on Adobe Fonts we include multiple lines of content in our "Family cards" for fonts.

Example:

image

mephraim avatar Feb 24 '21 16:02 mephraim

Yeah looks like we need to remove the height from .spectrum-Card-content and just let you write that stuff in .spectrum-Body inside of it.

lazd avatar Feb 24 '21 17:02 lazd

Looking at most of the examples for card on the design site, it seems like in most cases the subtitle is multi-line: https://spectrum.adobe.com/page/cards/

It also looks like the font size is smaller in Spectrum CSS than the designs. Not sure that all fits with this issue, but right now I'm finding this really hard to use and get a result that looks good.

adixon-adobe avatar Mar 18 '21 21:03 adixon-adobe