import { html, css, LitElement } from "lit";
+export default meta;
+
+export const SnippetTemplate = () => {
+ return `
+
+ import { html, css, LitElement } from "lit";
export class SimpleGreeting extends LitElement {
static styles = css\`
@@ -28,26 +33,33 @@ const SnippetTemplate = () => `
return html\`<p>Hello, \${this.name}!</p>\`;
}
}
-
-`;
-
-const RunnerTemplate = () => `
-
- npm i lit
- yarn add lit
- pnpm add lit
-
-`;
-
-const ShellScriptTemplate = () => `
-
-
- # initialize a new directory called my-app for your Greenwood project
- $ npx @greenwood/init@latest my-app
-
-
-`;
-
-export const Snippet = SnippetTemplate.bind({});
-export const Runner = RunnerTemplate.bind({});
-export const ShellScript = ShellScriptTemplate.bind({});
+ npm i lityarn add litpnpm add lit
+ # initialize a new directory called my-app for your Greenwood project
+ $ npx @greenwood/init@latest my-app
+ Linked Route: ${props.args.route}
Linked Route: ${route}
This section of our Guides content will cover some of the hosting options you can use to deploy your Greenwood project.
++ This section of our Guides content will cover some of the hosting options you can use to + deploy your Greenwood project. +
Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.
Learn moreOften when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.
Learn moreAuto-generate living, interactive reference documentation from your components and stories.
Learn morePublish your Storybook to review and collaborate with your entire team.
Learn moreEmbed your stories into Figma to cross-reference the design and live implementation in one place.
Learn moreUse stories to test a component in all its variations, no matter how complex.
Learn moreAutomatically test your components for a11y issues as you develop.
Learn moreTheme Storybook's UI to personalize it to your project.
Learn moreIntegrate your tools with Storybook to connect workflows.
Discover all addonsFollow guided walkthroughs on for key workflows.
Discover tutorials