# Addons और Stories को बेहतर बनाना — Storybook

Source: https://www.geekswithgeeks.com/hi/storybook/sb-addons

> Accessibility testing, interactions, और अन्य के साथ stories को enhance करने के लिए Storybook addons explore करें।

## लोकप्रिय addons

Storybook में Docs, Actions, Interactions, A11y (Accessibility), और अन्य सहित addons का एक समृद्ध ecosystem है। ये addons testing और documentation के लिए Storybook की capabilities को extend करते हैं।

## Actions addon का use करना

Actions addon component interactions को debug करने में मदद करने के लिए callbacks को log करता है।

```tsx
import { action } from '@storybook/addon-actions';
import { Button } from './Button';

export default {
  component: Button,
  title: 'Components/Button',
};

export const Clickable = () => (
  <Button onClick={action('Button clicked')}>
    Click me
  </Button>
);
```

## Auto-generated docs के लिए Docs addon

Docs addon स्वचालित रूप से आपकी stories और JSDoc comments से component documentation generate करता है, एक living style guide बनाता है।