# Card
Cards contain content and actions about a single subject.

**Material documentation:**
[Cards](https://material.io/components/cards/)

**Selector:**
og-card

**Use:**
`<og-card></og-card>`

## Module
```javascript
import { CardModule } from '@opensesame/opensesameui';
```

## Types
```javascript
import { CardProps } from '@opensesame/opensesameui';
import { CardClasses } from '@opensesame/opensesameui';
```

## Props
Name | Type | Default | Description
---- | ---- | ------- | -----------
classes | object | | Override or extend the styles applied to the component.
className | string | | Class(es) applied to the component.
raised | boolean | false | If `true`, the card will use raised styling.
variant | 'elevated' &#124; 'outlined' | 'outlined' | The card variant.

## Classes
Rule name | Class | Description
--------- | ----- | -----------
root | .og-card-root | Styles applied to the root element.

## Inheritance

The props of the Paper component are also available.