fbredius/storybook

View on GitHub
examples/server-kitchen-sink/views/welcome/welcome.pug

Summary

Maintainability
Test Coverage
.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;
  }