As I'm starting to build out more custom components, I want to have a Storybook instance I can use to document the variations and usage.
This will make it easier for me to do a quick visual check of all the different component scenarios when I make changes, to make sure I didn't accidentally break any CSS styles.
Scenarios
[ ] BrowserWindow
[ ] CodeBlock
[ ] With text wrap
[ ] No language or file tag
[ ] Language tag only
[ ] File tag only
Code highlighting
[ ] highlight-line
[ ] highlight-start and highlight-end
[ ] highlight-next-line
[ ] Collapsible
[ ] InlineCode component:
[ ] Long inline code snippet that needs to wrap onto a new line (see zsh profile post for examples)
Background
As I'm starting to build out more custom components, I want to have a Storybook instance I can use to document the variations and usage.
This will make it easier for me to do a quick visual check of all the different component scenarios when I make changes, to make sure I didn't accidentally break any CSS styles.
Scenarios
highlight-line
highlight-start
andhighlight-end
highlight-next-line
Resources
Storybook Docs