@storybook/components

  • Version 7.0.18
  • Published
  • 4.21 MB
  • 8 dependencies
  • MIT license

Install

npm i @storybook/components
yarn add @storybook/components
pnpm add @storybook/components

Overview

Core Storybook Components

Index

Variables

variable A

const A: _storybook_theming.StyledComponent<any, {}, {}>;

    variable ActionBar

    const ActionBar: FC<ActionBarProps>;

      variable afterMain

      const afterMain: string;

        variable afterRead

        const afterRead: string;

          variable afterWrite

          const afterWrite: string;

            variable Badge

            const Badge: FC<BadgeProps>;

              variable Bar

              const Bar: _storybook_theming.StyledComponent<
              ScrollAreaProps & { children?: react__default.ReactNode } & {
              scrollable?: boolean;
              } & { theme?: _storybook_theming.Theme } & {
              border?: boolean;
              scrollable?: boolean;
              },
              {},
              {}
              >;

                variable beforeMain

                const beforeMain: string;

                  variable beforeRead

                  const beforeRead: string;

                    variable beforeWrite

                    const beforeWrite: string;

                      variable Blockquote

                      const Blockquote: _storybook_theming.StyledComponent<
                      { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                      react.DetailedHTMLProps<
                      react.BlockquoteHTMLAttributes<HTMLElement>,
                      HTMLElement
                      >,
                      {}
                      >;

                        variable bottom

                        const bottom: string;

                          variable Button

                          const Button: FC<
                          ComponentProps<
                          _storybook_theming.StyledComponent<
                          {
                          theme?: _storybook_theming.Theme;
                          as?: react__default.ElementType<any>;
                          } & {
                          isLink?: boolean;
                          primary?: boolean;
                          secondary?: boolean;
                          tertiary?: boolean;
                          gray?: boolean;
                          inForm?: boolean;
                          disabled?: boolean;
                          small?: boolean;
                          outline?: boolean;
                          containsIcon?: boolean;
                          children?: ReactNode;
                          href?: string;
                          },
                          react__default.DetailedHTMLProps<
                          react__default.ButtonHTMLAttributes<HTMLButtonElement>,
                          HTMLButtonElement
                          >,
                          {}
                          >
                          >
                          >;

                            variable ButtonWrapper

                            const ButtonWrapper: _storybook_theming.StyledComponent<
                            { theme?: _storybook_theming.Theme; as?: react__default.ElementType<any> } & {
                            isLink?: boolean;
                            primary?: boolean;
                            secondary?: boolean;
                            tertiary?: boolean;
                            gray?: boolean;
                            inForm?: boolean;
                            disabled?: boolean;
                            small?: boolean;
                            outline?: boolean;
                            containsIcon?: boolean;
                            children?: ReactNode;
                            href?: string;
                            },
                            react__default.DetailedHTMLProps<
                            react__default.ButtonHTMLAttributes<HTMLButtonElement>,
                            HTMLButtonElement
                            >,
                            {}
                            >;

                              variable components

                              const components: {
                              h1: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLHeadingElement>,
                              HTMLHeadingElement
                              >
                              ) => JSX.Element;
                              h2: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLHeadingElement>,
                              HTMLHeadingElement
                              >
                              ) => JSX.Element;
                              h3: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLHeadingElement>,
                              HTMLHeadingElement
                              >
                              ) => JSX.Element;
                              h4: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLHeadingElement>,
                              HTMLHeadingElement
                              >
                              ) => JSX.Element;
                              h5: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLHeadingElement>,
                              HTMLHeadingElement
                              >
                              ) => JSX.Element;
                              h6: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLHeadingElement>,
                              HTMLHeadingElement
                              >
                              ) => JSX.Element;
                              pre: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLPreElement>,
                              HTMLPreElement
                              >
                              ) => JSX.Element;
                              a: (
                              props: react.DetailedHTMLProps<
                              react.AnchorHTMLAttributes<HTMLAnchorElement>,
                              HTMLAnchorElement
                              >
                              ) => JSX.Element;
                              hr: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLHRElement>,
                              HTMLHRElement
                              >
                              ) => JSX.Element;
                              dl: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLDListElement>,
                              HTMLDListElement
                              >
                              ) => JSX.Element;
                              blockquote: (
                              props: react.DetailedHTMLProps<
                              react.BlockquoteHTMLAttributes<HTMLElement>,
                              HTMLElement
                              >
                              ) => JSX.Element;
                              table: (
                              props: react.DetailedHTMLProps<
                              react.TableHTMLAttributes<HTMLTableElement>,
                              HTMLTableElement
                              >
                              ) => JSX.Element;
                              img: (
                              props: react.DetailedHTMLProps<
                              react.ImgHTMLAttributes<HTMLImageElement>,
                              HTMLImageElement
                              >
                              ) => JSX.Element;
                              div: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLDivElement>,
                              HTMLDivElement
                              >
                              ) => JSX.Element;
                              span: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLSpanElement>,
                              HTMLSpanElement
                              >
                              ) => JSX.Element;
                              li: (
                              props: react.DetailedHTMLProps<
                              react.LiHTMLAttributes<HTMLLIElement>,
                              HTMLLIElement
                              >
                              ) => JSX.Element;
                              ul: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLUListElement>,
                              HTMLUListElement
                              >
                              ) => JSX.Element;
                              ol: (
                              props: react.DetailedHTMLProps<
                              react.OlHTMLAttributes<HTMLOListElement>,
                              HTMLOListElement
                              >
                              ) => JSX.Element;
                              p: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLParagraphElement>,
                              HTMLParagraphElement
                              >
                              ) => JSX.Element;
                              code: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLElement>,
                              HTMLElement
                              >
                              ) => JSX.Element;
                              tt: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLTitleElement>,
                              HTMLTitleElement
                              >
                              ) => JSX.Element;
                              resetwrapper: (
                              props: react.DetailedHTMLProps<
                              react.HTMLAttributes<HTMLDivElement>,
                              HTMLDivElement
                              >
                              ) => JSX.Element;
                              };

                                variable DefaultCodeBlock

                                const DefaultCodeBlock: _storybook_theming.StyledComponent<
                                { theme?: _storybook_theming.Theme; as?: react__default.ElementType<any> },
                                react__default.DetailedHTMLProps<
                                react__default.HTMLAttributes<HTMLElement>,
                                HTMLElement
                                >,
                                {}
                                >;

                                  variable Div

                                  const Div: _storybook_theming.StyledComponent<
                                  { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                  react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
                                  {}
                                  >;

                                    variable DL

                                    const DL: _storybook_theming.StyledComponent<
                                    { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                    react.DetailedHTMLProps<
                                    react.HTMLAttributes<HTMLDListElement>,
                                    HTMLDListElement
                                    >,
                                    {}
                                    >;

                                      variable DocumentWrapper

                                      const DocumentWrapper: _storybook_theming.StyledComponent<
                                      { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                      react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
                                      {}
                                      >;

                                        variable ErrorFormatter

                                        const ErrorFormatter: FC<{ error: Error }>;

                                          variable FlexBar

                                          const FlexBar: FC<FlexBarProps>;

                                            variable Form

                                            const Form: any;

                                              variable H1

                                              const H1: _storybook_theming.StyledComponent<
                                              { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                              react.DetailedHTMLProps<
                                              react.HTMLAttributes<HTMLHeadingElement>,
                                              HTMLHeadingElement
                                              >,
                                              {}
                                              >;

                                                variable H2

                                                const H2: _storybook_theming.StyledComponent<
                                                { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                react.DetailedHTMLProps<
                                                react.HTMLAttributes<HTMLHeadingElement>,
                                                HTMLHeadingElement
                                                >,
                                                {}
                                                >;

                                                  variable H3

                                                  const H3: _storybook_theming.StyledComponent<
                                                  { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                  react.DetailedHTMLProps<
                                                  react.HTMLAttributes<HTMLHeadingElement>,
                                                  HTMLHeadingElement
                                                  >,
                                                  {}
                                                  >;

                                                    variable H4

                                                    const H4: _storybook_theming.StyledComponent<
                                                    { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                    react.DetailedHTMLProps<
                                                    react.HTMLAttributes<HTMLHeadingElement>,
                                                    HTMLHeadingElement
                                                    >,
                                                    {}
                                                    >;

                                                      variable H5

                                                      const H5: _storybook_theming.StyledComponent<
                                                      { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                      react.DetailedHTMLProps<
                                                      react.HTMLAttributes<HTMLHeadingElement>,
                                                      HTMLHeadingElement
                                                      >,
                                                      {}
                                                      >;

                                                        variable H6

                                                        const H6: _storybook_theming.StyledComponent<
                                                        { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                        react.DetailedHTMLProps<
                                                        react.HTMLAttributes<HTMLHeadingElement>,
                                                        HTMLHeadingElement
                                                        >,
                                                        {}
                                                        >;

                                                          variable HR

                                                          const HR: _storybook_theming.StyledComponent<
                                                          { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                          react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>,
                                                          {}
                                                          >;

                                                            variable IconButton

                                                            const IconButton: _storybook_theming.StyledComponent<any, {}, {}>;

                                                              variable icons

                                                              const icons: {
                                                              readonly user: JSX.Element;
                                                              readonly useralt: JSX.Element;
                                                              readonly useradd: JSX.Element;
                                                              readonly users: JSX.Element;
                                                              readonly profile: JSX.Element;
                                                              readonly facehappy: JSX.Element;
                                                              readonly faceneutral: JSX.Element;
                                                              readonly facesad: JSX.Element;
                                                              readonly accessibility: JSX.Element;
                                                              readonly accessibilityalt: JSX.Element;
                                                              readonly arrowup: JSX.Element;
                                                              readonly arrowdown: JSX.Element;
                                                              readonly arrowleft: JSX.Element;
                                                              readonly arrowright: JSX.Element;
                                                              readonly arrowupalt: JSX.Element;
                                                              readonly arrowdownalt: JSX.Element;
                                                              readonly arrowleftalt: JSX.Element;
                                                              readonly arrowrightalt: JSX.Element;
                                                              readonly expandalt: JSX.Element;
                                                              readonly collapse: JSX.Element;
                                                              readonly expand: JSX.Element;
                                                              readonly unfold: JSX.Element;
                                                              readonly transfer: JSX.Element;
                                                              readonly redirect: JSX.Element;
                                                              readonly undo: JSX.Element;
                                                              readonly reply: JSX.Element;
                                                              readonly sync: JSX.Element;
                                                              readonly upload: JSX.Element;
                                                              readonly download: JSX.Element;
                                                              readonly back: JSX.Element;
                                                              readonly proceed: JSX.Element;
                                                              readonly refresh: JSX.Element;
                                                              readonly globe: JSX.Element;
                                                              readonly compass: JSX.Element;
                                                              readonly location: JSX.Element;
                                                              readonly pin: JSX.Element;
                                                              readonly time: JSX.Element;
                                                              readonly dashboard: JSX.Element;
                                                              readonly timer: JSX.Element;
                                                              readonly home: JSX.Element;
                                                              readonly admin: JSX.Element;
                                                              readonly info: JSX.Element;
                                                              readonly question: JSX.Element;
                                                              readonly support: JSX.Element;
                                                              readonly alert: JSX.Element;
                                                              readonly email: JSX.Element;
                                                              readonly phone: JSX.Element;
                                                              readonly link: JSX.Element;
                                                              readonly unlink: JSX.Element;
                                                              readonly bell: JSX.Element;
                                                              readonly rss: JSX.Element;
                                                              readonly sharealt: JSX.Element;
                                                              readonly share: JSX.Element;
                                                              readonly circlehollow: JSX.Element;
                                                              readonly circle: JSX.Element;
                                                              readonly bookmarkhollow: JSX.Element;
                                                              readonly bookmark: JSX.Element;
                                                              readonly hearthollow: JSX.Element;
                                                              readonly heart: JSX.Element;
                                                              readonly starhollow: JSX.Element;
                                                              readonly star: JSX.Element;
                                                              readonly certificate: JSX.Element;
                                                              readonly verified: JSX.Element;
                                                              readonly thumbsup: JSX.Element;
                                                              readonly shield: JSX.Element;
                                                              readonly basket: JSX.Element;
                                                              readonly beaker: JSX.Element;
                                                              readonly hourglass: JSX.Element;
                                                              readonly flag: JSX.Element;
                                                              readonly cloudhollow: JSX.Element;
                                                              readonly cloud: JSX.Element;
                                                              readonly edit: JSX.Element;
                                                              readonly cog: JSX.Element;
                                                              readonly nut: JSX.Element;
                                                              readonly wrench: JSX.Element;
                                                              readonly ellipsis: JSX.Element;
                                                              readonly check: JSX.Element;
                                                              readonly form: JSX.Element;
                                                              readonly batchdeny: JSX.Element;
                                                              readonly batchaccept: JSX.Element;
                                                              readonly controls: JSX.Element;
                                                              readonly plus: JSX.Element;
                                                              readonly closeAlt: JSX.Element;
                                                              readonly cross: JSX.Element;
                                                              readonly trash: JSX.Element;
                                                              readonly pinalt: JSX.Element;
                                                              readonly unpin: JSX.Element;
                                                              readonly add: JSX.Element;
                                                              readonly subtract: JSX.Element;
                                                              readonly close: JSX.Element;
                                                              readonly delete: JSX.Element;
                                                              readonly passed: JSX.Element;
                                                              readonly changed: JSX.Element;
                                                              readonly failed: JSX.Element;
                                                              readonly clear: JSX.Element;
                                                              readonly comment: JSX.Element;
                                                              readonly commentadd: JSX.Element;
                                                              readonly requestchange: JSX.Element;
                                                              readonly comments: JSX.Element;
                                                              readonly lock: JSX.Element;
                                                              readonly unlock: JSX.Element;
                                                              readonly key: JSX.Element;
                                                              readonly outbox: JSX.Element;
                                                              readonly credit: JSX.Element;
                                                              readonly button: JSX.Element;
                                                              readonly type: JSX.Element;
                                                              readonly pointerdefault: JSX.Element;
                                                              readonly pointerhand: JSX.Element;
                                                              readonly browser: JSX.Element;
                                                              readonly tablet: JSX.Element;
                                                              readonly mobile: JSX.Element;
                                                              readonly watch: JSX.Element;
                                                              readonly sidebar: JSX.Element;
                                                              readonly sidebaralt: JSX.Element;
                                                              readonly sidebaralttoggle: JSX.Element;
                                                              readonly sidebartoggle: JSX.Element;
                                                              readonly bottombar: JSX.Element;
                                                              readonly bottombartoggle: JSX.Element;
                                                              readonly cpu: JSX.Element;
                                                              readonly database: JSX.Element;
                                                              readonly memory: JSX.Element;
                                                              readonly structure: JSX.Element;
                                                              readonly box: JSX.Element;
                                                              readonly power: JSX.Element;
                                                              readonly photo: JSX.Element;
                                                              readonly component: JSX.Element;
                                                              readonly grid: JSX.Element;
                                                              readonly outline: JSX.Element;
                                                              readonly photodrag: JSX.Element;
                                                              readonly search: JSX.Element;
                                                              readonly zoom: JSX.Element;
                                                              readonly zoomout: JSX.Element;
                                                              readonly zoomreset: JSX.Element;
                                                              readonly eye: JSX.Element;
                                                              readonly eyeclose: JSX.Element;
                                                              readonly lightning: JSX.Element;
                                                              readonly lightningoff: JSX.Element;
                                                              readonly contrast: JSX.Element;
                                                              readonly switchalt: JSX.Element;
                                                              readonly mirror: JSX.Element;
                                                              readonly grow: JSX.Element;
                                                              readonly paintbrush: JSX.Element;
                                                              readonly ruler: JSX.Element;
                                                              readonly stop: JSX.Element;
                                                              readonly camera: JSX.Element;
                                                              readonly video: JSX.Element;
                                                              readonly speaker: JSX.Element;
                                                              readonly play: JSX.Element;
                                                              readonly playback: JSX.Element;
                                                              readonly playnext: JSX.Element;
                                                              readonly rewind: JSX.Element;
                                                              readonly fastforward: JSX.Element;
                                                              readonly stopalt: JSX.Element;
                                                              readonly sidebyside: JSX.Element;
                                                              readonly stacked: JSX.Element;
                                                              readonly sun: JSX.Element;
                                                              readonly moon: JSX.Element;
                                                              readonly book: JSX.Element;
                                                              readonly document: JSX.Element;
                                                              readonly copy: JSX.Element;
                                                              readonly category: JSX.Element;
                                                              readonly folder: JSX.Element;
                                                              readonly print: JSX.Element;
                                                              readonly graphline: JSX.Element;
                                                              readonly calendar: JSX.Element;
                                                              readonly graphbar: JSX.Element;
                                                              readonly menu: JSX.Element;
                                                              readonly menualt: JSX.Element;
                                                              readonly filter: JSX.Element;
                                                              readonly docchart: JSX.Element;
                                                              readonly doclist: JSX.Element;
                                                              readonly markup: JSX.Element;
                                                              readonly bold: JSX.Element;
                                                              readonly italic: JSX.Element;
                                                              readonly paperclip: JSX.Element;
                                                              readonly listordered: JSX.Element;
                                                              readonly listunordered: JSX.Element;
                                                              readonly paragraph: JSX.Element;
                                                              readonly markdown: JSX.Element;
                                                              readonly repository: JSX.Element;
                                                              readonly commit: JSX.Element;
                                                              readonly branch: JSX.Element;
                                                              readonly pullrequest: JSX.Element;
                                                              readonly merge: JSX.Element;
                                                              readonly apple: JSX.Element;
                                                              readonly linux: JSX.Element;
                                                              readonly ubuntu: JSX.Element;
                                                              readonly windows: JSX.Element;
                                                              readonly storybook: JSX.Element;
                                                              readonly azuredevops: JSX.Element;
                                                              readonly bitbucket: JSX.Element;
                                                              readonly chrome: JSX.Element;
                                                              readonly chromatic: JSX.Element;
                                                              readonly componentdriven: JSX.Element;
                                                              readonly discord: JSX.Element;
                                                              readonly facebook: JSX.Element;
                                                              readonly figma: JSX.Element;
                                                              readonly gdrive: JSX.Element;
                                                              readonly github: JSX.Element;
                                                              readonly gitlab: JSX.Element;
                                                              readonly google: JSX.Element;
                                                              readonly graphql: JSX.Element;
                                                              readonly medium: JSX.Element;
                                                              readonly redux: JSX.Element;
                                                              readonly twitter: JSX.Element;
                                                              readonly youtube: JSX.Element;
                                                              readonly vscode: JSX.Element;
                                                              };

                                                                variable Icons

                                                                const Icons: FunctionComponent<IconsProps>;

                                                                  variable Img

                                                                  const Img: _storybook_theming.StyledComponent<
                                                                  { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                  react.DetailedHTMLProps<
                                                                  react.ImgHTMLAttributes<HTMLImageElement>,
                                                                  HTMLImageElement
                                                                  >,
                                                                  {}
                                                                  >;

                                                                    variable Item

                                                                    const Item: _storybook_theming.StyledComponent<
                                                                    {
                                                                    theme?: _storybook_theming.Theme;
                                                                    as?: react__default.ElementType<any>;
                                                                    } & ItemProps,
                                                                    react__default.DetailedHTMLProps<
                                                                    react__default.AnchorHTMLAttributes<HTMLAnchorElement>,
                                                                    HTMLAnchorElement
                                                                    >,
                                                                    {}
                                                                    >;

                                                                      variable LazySyntaxHighlighter

                                                                      const LazySyntaxHighlighter: react__default.LazyExoticComponent<
                                                                      react__default.FC<SyntaxHighlighterProps>
                                                                      >;

                                                                        variable LazyWithTooltip

                                                                        const LazyWithTooltip: react__default.LazyExoticComponent<
                                                                        react__default.FC<
                                                                        Omit<WithTooltipPureProps, 'onVisibleChange'> & {
                                                                        startOpen?: boolean;
                                                                        onVisibleChange?: (visible: boolean) => boolean | void;
                                                                        }
                                                                        >
                                                                        >;

                                                                          variable LazyWithTooltipPure

                                                                          const LazyWithTooltipPure: react__default.LazyExoticComponent<
                                                                          react__default.FC<WithTooltipPureProps>
                                                                          >;

                                                                            variable left

                                                                            const left: string;

                                                                              variable LI

                                                                              const LI: _storybook_theming.StyledComponent<
                                                                              { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                              react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>,
                                                                              {}
                                                                              >;
                                                                                const Link: FC<any>;

                                                                                  variable ListItem

                                                                                  const ListItem: FC<ListItemProps>;

                                                                                    variable Loader

                                                                                    const Loader: FC<any>;

                                                                                      variable main

                                                                                      const main: string;

                                                                                        variable OL

                                                                                        const OL: _storybook_theming.StyledComponent<
                                                                                        { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                        react.DetailedHTMLProps<
                                                                                        react.OlHTMLAttributes<HTMLOListElement>,
                                                                                        HTMLOListElement
                                                                                        >,
                                                                                        {}
                                                                                        >;

                                                                                          variable P

                                                                                          const P: _storybook_theming.StyledComponent<
                                                                                          { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                          react.DetailedHTMLProps<
                                                                                          react.HTMLAttributes<HTMLParagraphElement>,
                                                                                          HTMLParagraphElement
                                                                                          >,
                                                                                          {}
                                                                                          >;

                                                                                            variable Placeholder

                                                                                            const Placeholder: FunctionComponent<PlaceholderProps>;

                                                                                              variable Pre

                                                                                              const Pre: _storybook_theming.StyledComponent<
                                                                                              { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                              react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>,
                                                                                              {}
                                                                                              >;

                                                                                                variable ProgressWrapper

                                                                                                const ProgressWrapper: _storybook_theming.StyledComponent<
                                                                                                { theme?: _storybook_theming.Theme; as?: react__default.ElementType<any> },
                                                                                                react__default.DetailedHTMLProps<
                                                                                                react__default.HTMLAttributes<HTMLDivElement>,
                                                                                                HTMLDivElement
                                                                                                >,
                                                                                                {}
                                                                                                >;

                                                                                                  variable read

                                                                                                  const read: string;

                                                                                                    variable resetComponents

                                                                                                    const resetComponents: Record<string, ElementType>;

                                                                                                      variable ResetWrapper

                                                                                                      const ResetWrapper: _storybook_theming.StyledComponent<
                                                                                                      { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                                      react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
                                                                                                      {}
                                                                                                      >;
                                                                                                      • This is a "local" reset to style subtrees with Storybook styles

                                                                                                        We can't style individual elements (e.g. h1, h2, etc.) in here because the CSS specificity is too high, so those styles can too easily override child elements that are not expecting it.

                                                                                                      const right: string;

                                                                                                        variable ScrollArea

                                                                                                        const ScrollArea: FC<ScrollAreaProps>;

                                                                                                          variable Separator

                                                                                                          const Separator: _storybook_theming.StyledComponent<
                                                                                                          {
                                                                                                          theme?: _storybook_theming.Theme;
                                                                                                          as?: react__default.ElementType<any>;
                                                                                                          } & SeparatorProps,
                                                                                                          react__default.DetailedHTMLProps<
                                                                                                          react__default.HTMLAttributes<HTMLSpanElement>,
                                                                                                          HTMLSpanElement
                                                                                                          >,
                                                                                                          {}
                                                                                                          >;

                                                                                                            variable Spaced

                                                                                                            const Spaced: FC<SpacedProps>;

                                                                                                              variable Span

                                                                                                              const Span: _storybook_theming.StyledComponent<
                                                                                                              { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                                              react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
                                                                                                              {}
                                                                                                              >;

                                                                                                                variable StorybookIcon

                                                                                                                const StorybookIcon: FC;
                                                                                                                  const StorybookLogo: FC<{ alt: string }>;

                                                                                                                    variable Svg

                                                                                                                    const Svg: _storybook_theming.StyledComponent<
                                                                                                                    { theme?: _storybook_theming.Theme; as?: react__default.ElementType<any> },
                                                                                                                    react__default.SVGProps<SVGSVGElement>,
                                                                                                                    {}
                                                                                                                    >;

                                                                                                                      variable Symbols

                                                                                                                      const Symbols: react__default.NamedExoticComponent<SymbolsProps>;

                                                                                                                        variable TabBar

                                                                                                                        const TabBar: _storybook_theming.StyledComponent<
                                                                                                                        { theme?: _storybook_theming.Theme; as?: react__default.ElementType<any> },
                                                                                                                        react__default.DetailedHTMLProps<
                                                                                                                        react__default.HTMLAttributes<HTMLDivElement>,
                                                                                                                        HTMLDivElement
                                                                                                                        >,
                                                                                                                        {}
                                                                                                                        >;

                                                                                                                          variable TabButton

                                                                                                                          const TabButton: _storybook_theming.StyledComponent<any, {}, {}>;

                                                                                                                            variable Table

                                                                                                                            const Table: _storybook_theming.StyledComponent<
                                                                                                                            { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                                                            react.DetailedHTMLProps<
                                                                                                                            react.TableHTMLAttributes<HTMLTableElement>,
                                                                                                                            HTMLTableElement
                                                                                                                            >,
                                                                                                                            {}
                                                                                                                            >;

                                                                                                                              variable Tabs

                                                                                                                              const Tabs: FC<TabsProps>;

                                                                                                                                variable TabWrapper

                                                                                                                                const TabWrapper: FC<TabWrapperProps>;
                                                                                                                                  const TooltipLinkList: FC<TooltipLinkListProps>;

                                                                                                                                    variable TooltipMessage

                                                                                                                                    const TooltipMessage: FC<TooltipMessageProps>;

                                                                                                                                      variable TooltipNote

                                                                                                                                      const TooltipNote: FC<TooltipNoteProps>;

                                                                                                                                        variable top

                                                                                                                                        const top: string;

                                                                                                                                          variable TT

                                                                                                                                          const TT: _storybook_theming.StyledComponent<
                                                                                                                                          { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                                                                          react.DetailedHTMLProps<
                                                                                                                                          react.HTMLAttributes<HTMLTitleElement>,
                                                                                                                                          HTMLTitleElement
                                                                                                                                          >,
                                                                                                                                          {}
                                                                                                                                          >;

                                                                                                                                            variable UL

                                                                                                                                            const UL: _storybook_theming.StyledComponent<
                                                                                                                                            { theme?: _storybook_theming.Theme; as?: react.ElementType<any> },
                                                                                                                                            react.DetailedHTMLProps<
                                                                                                                                            react.HTMLAttributes<HTMLUListElement>,
                                                                                                                                            HTMLUListElement
                                                                                                                                            >,
                                                                                                                                            {}
                                                                                                                                            >;

                                                                                                                                              variable write

                                                                                                                                              const write: string;

                                                                                                                                                variable Zoom

                                                                                                                                                const Zoom: { Element: typeof ZoomElement; IFrame: typeof ZoomIFrame };

                                                                                                                                                  Functions

                                                                                                                                                  function AddonPanel

                                                                                                                                                  AddonPanel: ({ active, children }: AddonPanelProps) => JSX.Element;

                                                                                                                                                    function Code

                                                                                                                                                    Code: ({
                                                                                                                                                    className,
                                                                                                                                                    children,
                                                                                                                                                    ...props
                                                                                                                                                    }: ComponentProps<
                                                                                                                                                    _storybook_theming.StyledComponent<
                                                                                                                                                    { theme?: _storybook_theming.Theme; as?: react__default.ElementType<any> },
                                                                                                                                                    react__default.DetailedHTMLProps<
                                                                                                                                                    react__default.HTMLAttributes<HTMLElement>,
                                                                                                                                                    HTMLElement
                                                                                                                                                    >,
                                                                                                                                                    {}
                                                                                                                                                    >
                                                                                                                                                    >) => JSX.Element;

                                                                                                                                                      function codeCommon

                                                                                                                                                      codeCommon: ({ theme }: { theme: Theme }) => CSSObject;

                                                                                                                                                        function createCopyToClipboardFunction

                                                                                                                                                        createCopyToClipboardFunction: () => (text: string) => Promise<void>;

                                                                                                                                                          function createPopper

                                                                                                                                                          createPopper: <TModifier extends Partial<Modifier<any, any>>>(
                                                                                                                                                          reference: Element | VirtualElement,
                                                                                                                                                          popper: HTMLElement,
                                                                                                                                                          options?: Partial<OptionsGeneric<TModifier>>
                                                                                                                                                          ) => Instance;

                                                                                                                                                            function getStoryHref

                                                                                                                                                            getStoryHref: (
                                                                                                                                                            baseUrl: string,
                                                                                                                                                            storyId: string,
                                                                                                                                                            additionalParams?: Record<string, string>
                                                                                                                                                            ) => string;

                                                                                                                                                              function IconButtonSkeleton

                                                                                                                                                              IconButtonSkeleton: () => JSX.Element;

                                                                                                                                                                function interleaveSeparators

                                                                                                                                                                interleaveSeparators: (list: any[]) => any;

                                                                                                                                                                  function nameSpaceClassNames

                                                                                                                                                                  nameSpaceClassNames: (
                                                                                                                                                                  { ...props }: { [x: string]: any },
                                                                                                                                                                  key: string
                                                                                                                                                                  ) => { [x: string]: any };

                                                                                                                                                                    function SyntaxHighlighter

                                                                                                                                                                    SyntaxHighlighter: (
                                                                                                                                                                    props: ComponentProps<
                                                                                                                                                                    react__default.LazyExoticComponent<react__default.FC<SyntaxHighlighterProps>>
                                                                                                                                                                    >
                                                                                                                                                                    ) => JSX.Element;

                                                                                                                                                                      function withReset

                                                                                                                                                                      withReset: ({ theme }: { theme: Theme }) => CSSObject;

                                                                                                                                                                        function WithTooltip

                                                                                                                                                                        WithTooltip: (
                                                                                                                                                                        props: ComponentProps<
                                                                                                                                                                        react__default.LazyExoticComponent<
                                                                                                                                                                        react__default.FC<
                                                                                                                                                                        Omit<WithTooltipPureProps, 'onVisibleChange'> & {
                                                                                                                                                                        startOpen?: boolean;
                                                                                                                                                                        onVisibleChange?: (visible: boolean) => boolean | void;
                                                                                                                                                                        }
                                                                                                                                                                        >
                                                                                                                                                                        >
                                                                                                                                                                        >
                                                                                                                                                                        ) => JSX.Element;

                                                                                                                                                                          function WithTooltipPure

                                                                                                                                                                          WithTooltipPure: (
                                                                                                                                                                          props: ComponentProps<
                                                                                                                                                                          react__default.LazyExoticComponent<react__default.FC<WithTooltipPureProps>>
                                                                                                                                                                          >
                                                                                                                                                                          ) => JSX.Element;

                                                                                                                                                                            function ZoomElement

                                                                                                                                                                            ZoomElement: ({ scale, children }: ZoomProps) => JSX.Element;

                                                                                                                                                                              Classes

                                                                                                                                                                              class TabsState

                                                                                                                                                                              class TabsState extends Component<TabsStateProps, TabsStateState> {}

                                                                                                                                                                                constructor

                                                                                                                                                                                constructor(props: TabsStateProps);

                                                                                                                                                                                  property defaultProps

                                                                                                                                                                                  static defaultProps: TabsStateProps;

                                                                                                                                                                                    property handlers

                                                                                                                                                                                    handlers: { onSelect: (id: string) => void };

                                                                                                                                                                                      method render

                                                                                                                                                                                      render: () => JSX.Element;

                                                                                                                                                                                        Interfaces

                                                                                                                                                                                        interface ActionItem

                                                                                                                                                                                        interface ActionItem {}

                                                                                                                                                                                          property className

                                                                                                                                                                                          className?: string;

                                                                                                                                                                                            property disabled

                                                                                                                                                                                            disabled?: boolean;

                                                                                                                                                                                              property onClick

                                                                                                                                                                                              onClick: (e: MouseEvent<HTMLButtonElement>) => void;

                                                                                                                                                                                                property title

                                                                                                                                                                                                title: string | JSX.Element;

                                                                                                                                                                                                  interface IconsProps

                                                                                                                                                                                                  interface IconsProps extends ComponentProps<typeof Svg> {}

                                                                                                                                                                                                    property icon

                                                                                                                                                                                                    icon: IconType;

                                                                                                                                                                                                      property useSymbol

                                                                                                                                                                                                      useSymbol?: boolean;

                                                                                                                                                                                                        interface SyntaxHighlighterRendererProps

                                                                                                                                                                                                        interface SyntaxHighlighterRendererProps {}

                                                                                                                                                                                                          property rows

                                                                                                                                                                                                          rows: any[];

                                                                                                                                                                                                            property stylesheet

                                                                                                                                                                                                            stylesheet: string;

                                                                                                                                                                                                              property useInlineStyles

                                                                                                                                                                                                              useInlineStyles: boolean;
                                                                                                                                                                                                                interface Link extends Omit<ListItemProps, 'onClick'> {}

                                                                                                                                                                                                                  property id

                                                                                                                                                                                                                  id: string;

                                                                                                                                                                                                                    property isGatsby

                                                                                                                                                                                                                    isGatsby?: boolean;

                                                                                                                                                                                                                      property onClick

                                                                                                                                                                                                                      onClick?: (event: SyntheticEvent, item: ListItemProps) => void;

                                                                                                                                                                                                                        Type Aliases

                                                                                                                                                                                                                        type SyntaxHighlighterFormatTypes

                                                                                                                                                                                                                        type SyntaxHighlighterFormatTypes = boolean | 'dedent' | BuiltInParserName;

                                                                                                                                                                                                                          type SyntaxHighlighterProps

                                                                                                                                                                                                                          type SyntaxHighlighterProps = SyntaxHighlighterBaseProps &
                                                                                                                                                                                                                          SyntaxHighlighterCustomProps;

                                                                                                                                                                                                                            Package Files (1)

                                                                                                                                                                                                                            Dependencies (8)

                                                                                                                                                                                                                            Dev Dependencies (13)

                                                                                                                                                                                                                            Peer Dependencies (2)

                                                                                                                                                                                                                            Badge

                                                                                                                                                                                                                            To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                                                                                                                                                                                                            You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/@storybook/components.

                                                                                                                                                                                                                            • Markdown
                                                                                                                                                                                                                              [![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/@storybook/components)
                                                                                                                                                                                                                            • HTML
                                                                                                                                                                                                                              <a href="https://www.jsdocs.io/package/@storybook/components"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>