examples/server-kitchen-sink/views/welcome/welcome.pug
.main
h1 Welcome to Storybook for Server
p This is a UI component dev environment for your plain HTML snippets.
p.
We've added some basic stories inside the #[code.code stories] directory.
#[br]
A story is a single state of one or more UI components. You can have as many stories as you want.
#[br]
(Basically a story is like a visual test case.)
p.
See these sample #[a.link(href='#' data-sb-kind='Demo' data-sb-story='Headings') stories]
p.
Just like that, you can add your own snippets as stories.
#[br]
You can also edit those snippets and see changes right away.
#[br]
p.
Usually we create stories with smaller UI components in the app.
#[br]
Have a look at the #[a.link(href='https://storybook.js.org/basics/writing-stories' target='_blank') Writing Stories] section in our documentation.
style.
.main {
padding: 15px;
line-height: 1.4;
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
background-color: #ffffff;
}
.code {
font-size: 15px;
font-weight: 600;
padding: 2px 5px;
border: 1px solid #eae9e9;
border-radius: 4px;
background-color: #f3f2f2;
color: #3a3a3a;
}