created:3/5/2021

updated:3/5/2021

loc

comments

26%

passed

coverage

75%

StorySource

@component-controls/blocks

3.15.0

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.

browse

docs

issues

import { StorySource } from '@component-controls/blocks';

Theme Selector

browse

docs

issues

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

	Name	Description	Default
StorySourceOwnProps(2 properties)
	viewStyle	initial view mode valuestags	-
	sourceProps	source code options SourceProps	-
BlockContainerOwnProps(6 properties)
HTMLAttributes(42 properties)
Attributes(2 properties)
AriaAttributes(48 properties)
DOMAttributes(161 properties)
-(1 properties)
BoxOwnProps(3 properties)
SpaceProps(28 properties)
BackgroundColorProps(2 properties)
OpacityProps(1 properties)
StoryInputProps(1 properties)

Commits

Date	Author	Commit Message
4/28/2021	atanasster	fix: add data-testid props
10/13/2020	atanasster	fix: story description visibility
8/6/2020	atanasster	fix: linting issues
7/25/2020	atanasster	chore: remove react context api
6/2/2020	atanasster	chore: consolidate docs instead of kind
5/23/2020	atanasster	feat: initial checkin gatsby bundler
5/9/2020	atanasster	chore: make storeSourceFile false by default
5/7/2020	atanasster	chore: refactor repository into package info field
5/4/2020	atanasster	feat: enhance object controls handling, merging
5/3/2020	atanasster	feat: initial display object props in code

32 commits

package	imports	peer
@component-controls/components ^3.15.0	SourceProps
@component-controls/store ^3.15.0	useStoryusePackageuseCurrentDocumentStoryInputProps
react ^17.0.1	ReactFC	*

file	imports
"../BlockContainer/story"	StoryBlockContainerStoryBlockContainerProps
"./BaseStorySource"	BaseStorySourceViewStyle

Stories

Overview

browse

docs

issues

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

Theme

browse

docs

issues

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

Custom Title

Story source

browse

docs

issues

() => 'hello'

Not Collapsible

story

browse

docs

issues

() => 'hello'

No Margin

browse

docs

issues

() => 'hello'

Blocks/StoryData

Blocks/Subtitle

API

StorySource

Commits

Stories

Overview

Theme

Custom Title

Story source

Not Collapsible

story

No Margin