MetaModuleGuideLink

Prominent card-style link to the MetaModule product detail page, used in synth-kw guide articles.

MetaModule Reference

Japanese

English

Source

/** @jsxRuntime automatic */
/** @jsxImportSource preact */
// Story for MetaModuleGuideLink — new gap story (epic #1647 Wave 6, #1663).
import { defineStory } from '@lib/styleguide/story-contract';
import type { StoryMeta } from '@lib/styleguide/story-contract';
import { MetaModuleGuideLink } from './metamodule-guide-link';

const meta: StoryMeta = {
  title: 'MetaModuleGuideLink',
  category: 'MetaModule Reference',
  description:
    'Prominent card-style link to the MetaModule product detail page, used in synth-kw guide articles.',
  usage: `import { MetaModuleGuideLink } from '@/components/mdx/metamodule-guide-link';\n\n<MetaModuleGuideLink locale="ja" />`,
};
export default meta;

export const Japanese = defineStory({
  name: 'Japanese',
  render: () => (
    <div className="max-w-[560px]">
      <MetaModuleGuideLink locale="ja" />
    </div>
  ),
});

export const English = defineStory({
  name: 'English',
  render: () => (
    <div className="max-w-[560px]">
      <MetaModuleGuideLink locale="en" />
    </div>
  ),
});

Live CSS

Injected into the previews above. MetaModuleGuideLink

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */