GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 14:11:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

CLI template: Fix componentdriven.org link

Browse Source
This commit is contained in:
Michael Shilman 2020-07-15 15:55:08 +08:00
parent b101f9e15d
commit bfa49263b1
5 changed files with 20 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/cli/src/frameworks/angular/page.component.ts
View File

@ -13,11 +13,7 @@ import { Component, Input, Output, EventEmitter } from '@angular/core';
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a
<a
href="https://blog.hichroma.com/component-driven-development-ce1109d56c8e"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
<strong>component-driven</strong>
</a>
process starting with atomic components and ending with pages.

6
lib/cli/src/frameworks/preact/Page.js
View File

@ -13,11 +13,7 @@ export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a{' '}
<a
href="https://blog.hichroma.com/component-driven-development-ce1109d56c8e"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
<strong>component-driven</strong>
</a>{' '}
process starting with atomic components and ending with pages.

6
lib/cli/src/frameworks/react/js/Page.js
View File

@ -12,11 +12,7 @@ export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a{' '}
<a
href="https://blog.hichroma.com/component-driven-development-ce1109d56c8e"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
<strong>component-driven</strong>
</a>{' '}
process starting with atomic components and ending with pages.

6
lib/cli/src/frameworks/react/ts/Page.tsx
View File

@ -18,11 +18,7 @@ export const Page: React.FC<PageProps> = ({ user, onLogin, onLogout, onCreateAcc
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a{' '}
<a
href="https://blog.hichroma.com/component-driven-development-ce1109d56c8e"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
<strong>component-driven</strong>
</a>{' '}
process starting with atomic components and ending with pages.

48
lib/cli/src/frameworks/vue/Page.vue
View File

@ -11,11 +11,7 @@
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a
<a
href="https://blog.hichroma.com/component-driven-development-ce1109d56c8e"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
<strong>component-driven</strong>
</a>
process starting with atomic components and ending with pages.
@ -37,28 +33,17 @@
</ul>
<p>
Get a guided tutorial on component-driven development at
<a
href="https://www.learnstorybook.com"
target="_blank"
rel="noopener noreferrer"
>Learn Storybook</a>
<a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer"
>Learn Storybook</a
>
. Read more in the
<a
href="https://storybook.js.org/docs"
target="_blank"
rel="noopener noreferrer"
>docs</a>
<a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">docs</a>
.
</p>
<div class="tip-wrapper">
<span class="tip">Tip</span>
Adjust the width of the canvas with the
<svg
width="10"
height="10"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path
d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
@ -74,31 +59,30 @@
</template>
<script>
import "./page.css";
import MyHeader from "./Header.vue";
import './page.css';
import MyHeader from './Header.vue';
export default {
name: "my-page",
name: 'my-page',
components: { MyHeader },
props: {
user: {
type: Object
}
type: Object,
},
},
methods: {
onLogin() {
this.$emit("onLogin");
this.$emit('onLogin');
},
onLogout() {
this.$emit("onLogout");
this.$emit('onLogout');
},
onCreateAccount() {
this.$emit("onCreateAccount");
}
}
this.$emit('onCreateAccount');
},
},
};
</script>