search

adobe / spectrum-css

The standard CSS implementation of the Spectrum design language.
http://opensource.adobe.com/spectrum-css/
Apache License 2.0
1.21k stars 196 forks source link

[Card] Support for extended body content #1137

Open Westbrook opened 3 years ago

Westbrook commented 3 years ago

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 commented 3 years ago

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.

mephraim commented 3 years ago

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

Example:

image

lazd commented 3 years ago

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.

adixon-adobe commented 3 years ago

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.