पाठ 21 / 25
Custom Addons बनाना
Storybook की functionality को extend करने के लिए custom addons create करें।
Addon architecture
Storybook addons npm packages हैं जो Storybook API के साथ register होते हैं। ये UI panels, toolbar buttons add कर सकते हैं, और presets और parameters के through stories के साथ interact कर सकते हैं।
एक simple addon बनाना
एक addon बनाएँ जो stories को custom metadata add करता है या आपकी team की ज़रूरतों के लिए specific additional testing capabilities प्रदान करता है।
Addons को share करना
अपने custom addon को npm में publish करें इसे अपनी team या community के साथ share करने के लिए। अच्छी तरह documented addons अन्य developers को आपके काम का use करने में मदद करते हैं।
Addon configuration example
अपने addon को main configuration में register करें।
// .storybook/main.ts
export default {
addons: [
'@storybook/addon-essentials',
'my-custom-addon',
],
};