@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
- A
- ActionBar
- afterMain
- afterRead
- afterWrite
- Badge
- Bar
- beforeMain
- beforeRead
- beforeWrite
- Blockquote
- bottom
- Button
- ButtonWrapper
- components
- DefaultCodeBlock
- Div
- DL
- DocumentWrapper
- ErrorFormatter
- FlexBar
- Form
- H1
- H2
- H3
- H4
- H5
- H6
- HR
- IconButton
- icons
- Icons
- Img
- Item
- LazySyntaxHighlighter
- LazyWithTooltip
- LazyWithTooltipPure
- left
- LI
- Link
- ListItem
- Loader
- main
- OL
- P
- Placeholder
- Pre
- ProgressWrapper
- read
- resetComponents
- ResetWrapper
- right
- ScrollArea
- Separator
- Spaced
- Span
- StorybookIcon
- StorybookLogo
- Svg
- Symbols
- TabBar
- TabButton
- Table
- Tabs
- TabWrapper
- TooltipLinkList
- TooltipMessage
- TooltipNote
- top
- TT
- UL
- write
- Zoom
Functions
Classes
Interfaces
Type Aliases
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>, {}>;
variable Link
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.
variable right
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;
variable StorybookLogo
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>;
variable TooltipLinkList
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 {}
interface IconsProps
interface IconsProps extends ComponentProps<typeof Svg> {}
interface SyntaxHighlighterRendererProps
interface SyntaxHighlighterRendererProps {}
property rows
rows: any[];
property stylesheet
stylesheet: string;
property useInlineStyles
useInlineStyles: boolean;
interface TooltipLinkListLink
interface Link extends Omit<ListItemProps, 'onClick'> {}
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 oneto 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[](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>
- Updated .
Package analyzed in 6536 ms. - Missing or incorrect documentation? Open an issue for this package.