feat: 增加 storybook

packages/web/components/NowPlaying.stories.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import { NowPlaying } from './NowPlaying'
+
+export default {
+  title: 'NowPlaying',
+  component: NowPlaying,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  parameters: {
+    viewport: {
+      defaultViewport: 'iphone8p',
+    },
+  },
+} as ComponentMeta<typeof NowPlaying>
+
+const Template: ComponentStory<typeof NowPlaying> = args => <NowPlaying />
+
+export const Primary = Template.bind({})
+Primary.args = {
+  primary: true,
+  label: 'NowPlaying',
+}