# CardActionArea
The card action area turns the card into a button.

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

**Selector:**
og-card-action-area

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

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

## Types
```javascript
import { CardActionAreaProps } from '@opensesame/opensesameui';
import { CardActionAreaClasses } 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.

## Classes
Rule name | Class | Description
--------- | ----- | -----------
root | .og-card-action-area-root | Styles applied to the root element.
focusHighlight | .og-card-action-area-focus-highlight | Styles applied to the overlay that covers the action area when keyboard focused.
focusVisible | .og-card-action-area-focus-visible | Pseudo-class applied when keyboard focused.