import {
  Canvas,
  Meta,
  Story,
  Stories,
  Controls,
} from '@storybook/addon-docs/blocks';
import { Default as CardDefault } from '../components/layout/BmsCard.stories.js';

<Meta title="Documentation/Organisms/Card" />

# <img src="./BmsIcon.png" /> Card

Card group informations into flexible containers, allowing users to browse elements in a more visual way than a table. They present a taste of the information, and provide access to more detail if required.

![Tag representation](./cards/CoverCard.png)

## Anatomy

![Tag representation](./cards/CardRepresentation.png)

## Component

<Canvas of={CardDefault} args={{ label: 'toto' }} />

### Table of props

<Controls of={CardDefault} />
