Card

import { Card } from '@proton/atoms';
Copy

This component currently is a container with a bit of styling adhering to a "card / surface" concept, however design is pending on this so for now we're only adding this thin layer, no other card-related components or logic.

() => (
    <Card>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit doloribus nobis eos iusto. Ducimus numquam laborum
        aliquid culpa! Dolor voluptatem modi inventore error, qui repudiandae consequatur autem vitae illum
        voluptatibus?
    </Card>
)

With Action

This isn't really part of the Card's api, it's just an example of a use-case commonly encountered.

Sandbox

Props