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-alpha.55 (November 30, 2022)
.mdx
globs in templates and defaults #19795exports.ts
file in a single pass without exec
#20002className
prop, cleanup UI SB `preview.tsx #19886FAQs
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.