Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
@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.
Storybook types exports only typescript types for storybook usage.
It exports typescript enums, which do have a runtime implementation. But it should not export any implementation such as classes, method, function or constants.
It also has no dependencies, all the types it exports are bundled in.
7.0.0-beta.0 (December 8, 2022)
We made it to beta, folks! 🎉
SB7 overhauls our build architecture, modernizes our output to ESM only, promotes Vite to a first-class peer to Webpack, rethinks our Docs addon, cleans up the UI, and contains hundreds of improvements at every level of the stack. We've been sharing some of these changes on the Storybook blog and will share more over the coming weeks.
Beta means that we don't have any more major changes on the radar for 7.0 and it's mostly stabilization from here on out. The core team is doing some basic testing now, and once we have a good QA plan, we'd love your help to make that happen. Please keep an eye out on the blog and on our Twitter or Mastadon (coming soon!) or Discord if you're interested in helping.
FAQs
Core Storybook TS Types
The npm package @storybook/types receives a total of 6,124,842 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
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.