import {Controls, Canvas, Meta, Source} from '@storybook/addon-docs/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>

{/* func-version-start */}
<p className="func-version-badge">Dernière mise à jour fonctionnelle : V1.1.3 - 27/07/2026</p>
{/* func-version-end */}
{/* a11y-version-start */}
<p className="a11y-version-badge">Dernière mise à jour accessibilité : V1.1.3 - 22/07/2026</p>
{/* a11y-version-end */}


<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} />