CommitsPopover

link displaying the total commits on a component with a popover on click that will display the list of commits

ComponentCommits

Displays commit history for a component

Date	Author	Commit Message
2/23/2021	martin-stoyanov	third commit
2/22/2021	martin-stoyanov	(งツ)ว
2/21/2021	atanasster	first commit!
2/21/2021	atanasster	first commit!
2/21/2021	atanasster	first commit!
2/21/2021	atanasster	first commit!
2/21/2021	atanasster	first commit!
2/21/2021	atanasster	first commit!
2/21/2021	atanasster	first commit!
2/21/2021	martin-stoyanov	first commit!

12 commits

<<

<

>

>>

ComponentJSX

Displays external dependencies for a component

ComponentSource

Displays import statement for a component as well as the component file source code Optionally also displays some repository information from the component's package.json

import ArrowButton from '@component-controls/blocks';

ExternalDependencies

Displays external dependencies for a component

LocalDependencies

Displays local dependencies for a component

TestsCoverage

Displays jest tests coverage for a component, within a block

TestsResults

Displays tests results details for a component, within a block

PropsTable

Displays the component's properties as well as configurable controls to interact with the component.

any[]

-

number[]

-

boolean

-

any

-

Element

-

NewsPhotos

-

(args: any) => any

-

Message

-

any

-

number

21

object

-

{ [key: string]: number; }

-

{ optionalProperty?: string; requiredProperty: number; }

-

{ optionalProperty?: string; requiredProperty: number; }

-

string

-

symbol

-

stringnumberMessage

-

any

-

(prop: any) => any

-

DocumentItem

displays a single doument item

Search

search input component connected to the store

TagsList

displays a row of tags assigned to the current document, with links to their pages

Container

page inner container. will display a like to edit the page and a last updated date.

Description

Description component with markdown. The 'of' property can specify which component's description to display.

PageContainer

Page container component If the page is an MDX page, will display the MDX components. Otherwise, the page elements are passed as children

Pagination

displays automatic pagination to the next/previous document of this same type.

Subtitle

displays a subtitle as assigned to the story parameters: or story.subtitle

Title

displays a title as assigned to the story document

ESM

Component to display a live playground of component examples. Has custom actions for zooming, switch direction, review story source and configuration.

Stories

displays multiple stories in ther own Playground components

Story

block component to render story function with decorators

StoryConfig

Displays the configuration object of a story.

{
  "id": "id-of-story",
  "doc": "Story",
  "component": "ArrowButton",
  "description": "description of story",
  "name": "story",
  "subcomponents": {
    "My Button Tab": "Button"
  },
  "subtitle": "story subtitle"
}

StorySource

Display source code of a story. If controls are used, all story arguments will be highlighted. Additional commands are made available if the repository data of the story is available.

({ name, age }) => (
  <h2>{`Hello, my name is ${name}, and I am ${age} years old.`}</h2>
);

StoryData

Displays document data associated with a story