@storybook/types
Advanced tools
The @storybook/types package provides TypeScript definitions and utility types for Storybook, a popular tool for developing UI components in isolation. It facilitates type checking and development within the Storybook ecosystem, ensuring that components and their stories adhere to expected types.
Storybook Component Types
Defines types for Storybook stories, ensuring that the stories and their configurations adhere to the correct structure and types.
import { Story, Meta } from '@storybook/types';
export default {
title: 'Button',
component: Button
} as Meta;
export const Primary: Story = (args) => <Button {...args} />;
Primary.args = {
primary: true,
label: 'Click Me'
};Addon Development
Provides types for developing Storybook addons, helping developers to integrate additional functionality into Storybook with type safety.
import { Addon } from '@storybook/types';
const myAddon: Addon = {
title: 'My Custom Addon',
type: 'panel',
render: ({ active, key }) => (active ? <div id={key}>Addon Content</div> : null)
};Provides TypeScript definitions specifically for Storybook for React. It is similar to @storybook/types but focuses exclusively on React, whereas @storybook/types is more general and can be used with various frameworks.
While not exclusively a types package, it includes types and functions for developing Storybook addons. It compares to @storybook/types by also facilitating addon development but includes more comprehensive tools and utilities beyond type definitions.
8.3.0
Fresh out of the oven! Storybook 8.3 brings you:
StoryGlobals-mode - #29025, thanks @JReinhold!as const satisfies modifiers - #29000, thanks @shilman!tsconfig to emit react-jsx - #28541, thanks @williamhelmrath!util to regular dependency - #29008, thanks @ndelangen!ESM export to docs-tools & node-logger packages - #28539, thanks @ndelangen!@storybook/addon-interactions - #28518, thanks @ndelangen!commander - #28857, thanks @43081j!node:-prefix to node core-modules - #28860, thanks @ndelangen!lodash - #28609, thanks @ndelangen!vue-component-meta docgen plugin - #28760, thanks @larsrickert!FAQs
Core Storybook TS Types
The npm package @storybook/types receives a total of 5,817,942 weekly downloads. As such, @storybook/types popularity was classified as popular.
We found that @storybook/types demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 11 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.
Security News
The npm package for the LottieFiles Player web component was hit with a supply chain attack after a software engineer's npmjs credentials were compromised.