arwes / arwes

Futuristic Sci-Fi UI Web Framework.

Home Page:https://arwes.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add Card component

romelperez opened this issue · comments

Add Card component to display contained information.

  • Add Card component.
    • It is an article element.
    • It should have 100% width.
  • 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 as h1 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.

Closed due to #46 (comment)