feat: add Readme to OnboardingMenu

CODEOWNERS

@@ -9,3 +9,4 @@
 /src/components/StoreBadge @NikitaCG
 /src/components/Stories @darkgenius
 /src/components/AdaptiveTabs @artemipanchuk
+/src/components/OnboardingMenu @nikita-jpg

src/components/OnboardingMenu/OnboardingMenu.tsx

@@ -83,10 +83,6 @@ const OnboardingMenuParent = ({
                                 className={cnOnboardingMenu('title-icon')}
                             />
                         ) : null}
-
-                        {/* <span>
-                            {title}
-                        </span> */}
                         {title}
                     </button>
                     <Progress

src/components/OnboardingMenu/README.md

@@ -0,0 +1,51 @@
+## OnboardingMenu
+
+A component for managing [onboarding presets](https://github.com/gravity-ui/onboarding) ([storybook](https://preview.gravity-ui.com/components/?path=/story/components-onboardingmenu--default)).
+
+## Props
+
+```ts
+type OnboardingMenu = {
+    /** title of onboarding menu */
+    title: React.ReactNode;
+    /** number of presets passed. Changes the progress bar */
+    progress: number;
+    /** icon of onboarding menu */
+    icon?: IconData;
+
+    /** the default component is expand or collapsed */
+    defaultExpanded: boolean;
+    /** menu items*/
+    children?: React.ReactNode;
+
+    collapseButtonText?: string;
+    completeButtonText?: string;
+    className?: string;
+
+    onExpand?: (expanded: boolean) => void;
+    onCompleteClick: (event: React.MouseEvent) => void;
+    onCollapseClick?: (event: React.MouseEvent) => void;
+};
+
+type OnboardingMenu.ItemProps = {
+    title: string;
+    /** affects the item icon */
+    status?: 'completed' | 'pending';
+    children?: React.ReactNode;
+    buttons?: React.ReactNode;
+    /** usually the last element does not need a divider, then you need to pass false */
+    hasDivider?: boolean;
+    loading?: boolean;
+};
+
+type OnboardingMenu.ItemImage = {
+    src: string;
+    alt: string;
+};
+
+type OnboardingMenu.ItemText = {
+    src: string;
+    alt: string;
+};
+
+```

src/components/index.ts

@@ -18,3 +18,4 @@ export * from './SharePopover';
 export * from './StoreBadge';
 export * from './Stories';
 export * from './StoriesGroup';
+export * from './OnboardingMenu';