A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://vue-styleguidist.github.io/docs/Components.html below:

Website Navigation


Locating your components and organizing your style guide

# Locating your components and organizing your style guide # Finding components

By default Styleguidist will search components using this glob pattern (opens new window): src/components/**/*.vue.

For example, if your components look like components/Button/Button.vue:

But will ignore tests:

Note: All paths are relative to the folder where the config file is.

Pro Tip: Use ignore option to exclude some files from the style guide.

Note: Use getComponentPathLine option to change a path you see below a component name.

# Loading and exposing components

Styleguidist, by default, loads your components and exposes them globally for your examples to consume. You can use locallyRegisterComponents to avoid global registration. This loads a documented component only in the examples that are in its attached ReadMe.md file or <docs> block.

# Sections

Group components into sections or add extra Markdown documents to your style guide.

Each section consists of (all fields are optional):

Configuring a style guide with textual documentation section and a list of components would look like:


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4