Add Card component
romelperez opened this issue · comments
Romel Perez commented
Add Card component to display contained information.
- Add
Card
component.- It is an
article
element. - It should have 100% width.
- It is an
- Add
image: string
required prop as image URL.- Image aspect ratio by default should be 2/4.
- If
landscape
is enabled, aspect ratio will be variable according to the card size. - It should have a background color by default if loading or error.
- Add
landscape: boolean = false
prop to define the layout. If disabled, the image is up, otherwise it is located to the left. - Add
hover?: boolean = false
prop to allow hover/focus highlights on mouse over/focus. - Add
header
prop as title components ash1
element. - Add
options
prop as footer options, buttons, or links components.- It should be positioned at the bottom of the component regardless of the root height.
- Add
children
required prop as description components.- Support height content overflow limitation if root element has height defined.
- Add transition animations.
- Add transition bleep.
Romel Perez commented
Closed due to #46 (comment)