ColumnsProps

left

string | ReactElement<any, string | JSXElementConstructor<any>>

right


# Card Columns

__The <code>Card.Columns</code> is a simple UI wrapper around containers. It adds two columns(left and right) with this ratios 2/3 and 1/3.__

import { Demo } from '@kinsta/stratus-website'

<Demo storybookPath="components-card--columns" />

## Usage

```tsx
import { Card } from '@kinsta/stratus'

const myComponent = () => (
  <Card>
    <Card.Columns left="left column" right="right column" />
  </Card>
)
```

## Props

<Props />

## Types

- <code>ColumnsProps</code>:  props of the <code>Card.Columns</code>

Read more about [types](/docs/user-guide/getting-started/types "Types") here




Card Columns

#Usage

#Props

#Types