Intro

Cards are surfaces that display content and actions on a single topic. They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.

Basic

Sky

Sky is often defined as the space in which the stars move and by visual effect seems to surround the Earth. In astronomy, sky is synonymous with the celestial sphere: an imaginary vault on which the Sun, stars, planets and the Moon are distributed.

HIDE Code
Props
<Card
    title="Sky"
    summary={`Sky is often defined as the space in which the stars move and by visual 
    effect seems to surround the Earth. In astronomy, sky is synonymous with the 
    celestial sphere: an imaginary vault on which the Sun, stars, planets and the Moon are distributed.`}
    image="https://front10.com/landing-page-book/images/card/image1.jpg"
/>

With Subtitle

Neil Armstrong
First man in the moon

American astronaut and aeronautical engineer who was the first person to walk on the Moon. He was also a naval aviator, test pilot, and university professor.

EDIT Code
Props

Only summary

The galaxy of the Milky Way, or simply the Milky Way, is a spiral galaxy where the solar system is located and in turn the Earth is located. According to the observations, it has a mass of 10¹² solar masses and is a barred spiral.

EDIT Code
Props

With Footer

Saturn

Saturn is the sixth planet in the solar system, the second in size and mass after Jupiter and the only one with a ring system visible from Earth. Its name comes from the Roman god Saturn. It is part of the so-called outer or gaseous planets.

EDIT Code
Props

Floating image

A star is a luminous plasma sphere that maintains its shape thanks to its own gravity. The closest star to Earth is the Sun.

EDIT Code
Props
With ♥ by