-
Notifications
You must be signed in to change notification settings - Fork 3.4k
md-card should have an md-card-image directive #2266
Comments
@programming-kid You just put your image above Example
|
I think he is asking for something that is more declarative and styled by default to material specifications for momentum. |
I think it'd be good if there was an |
I agree that there should be a md-card-header. That would help it match the specification a little more, allowing for an Avatar, Title and Subtitle area as shown in the example, and making the card a little more versatile out of the box Ideally, there would be an element for every one of these content blocks (Title Area [md-card-header], Media area [md-card-image or md-card-media], Supporting text [md-card-content], Actions [md-card-footer, should be md-card-actions]), and we could configure their view order by the order we define them in the html (or using layout-align). Allowing for a layout like this To further follow the specification, there could be an option (md-aspect-ratio) on the Media element to make the Media section 1:1 vs 16:9 to match the different layouts in the specification. Here are all of the content blocks, that can be used in different orders to make a variety of card layouts |
Love these idea. Let's make something happen in 0.10. |
👍 @WhiteAbeLincoln excellent points |
I would also like to see md-card-header which can have a ng-click and supports md-secondary. |
excellent point @viztastic |
@EladBezalel what's the relation of this issue to your recent card changes? |
@jelbourn most of it is implemented |
According to Google design spec a cad has following components
An image, a title text inside image, card content and card-footer
i md-card should have following structure
example
this would make life of a mobile app designer very easy
thanks
The text was updated successfully, but these errors were encountered: