import {Controls, Canvas, Meta, Source} from '@storybook/blocks';

import * as SyTextAreaStories from './SyTextArea.stories';
import '../../stories/styles/shared.css';

<Meta of={SyTextAreaStories} />

<div className="header">
  <h1>SyTextArea</h1>
  <p>Le composant `SyTextArea` étend les fonctionnalitées du composants `VTextArea` de `Vuetify` en ajoutant des contraintes.</p>
</div>

<Canvas of={SyTextAreaStories.Default}  />

# API

Les props du composant `SyTextArea` sont les mêmes que celles du composant `VTextArea` de `Vuetify`, avec quelques ajouts :

<Controls of={SyTextAreaStories.Default} />