A next-generation tool to create blazing-fast documentation sites
API
created:4/20/2021
updated:4/20/2021
loc
38
comments
5%
passed
8
coverage
92%

NotesBlock

avatar of atanasster

Tests results

Status
Full name
Title
Time(ms)
NotesBlock.test.ts(8 tests)
passed
NotesBlock > overview
snapshot
83
passed
NotesBlock > overview
accessibility
235
passed
NotesBlock > customItems
snapshot
29
passed
NotesBlock > customItems
accessibility
190
passed
NotesBlock > customConfigProps
snapshot
28
passed
NotesBlock > customConfigProps
accessibility
197
passed
NotesBlock > markdownFile
snapshot
10
passed
NotesBlock > markdownFile
accessibility
75
total 8 tests

Tests coverage

Kind
Total
Covered
Skipped
%
NotesBlock.tsx
lines
17
17
0
100%
functions
2
2
0
100%
statements
22
22
0
100%
branches
24
22
0
91.66%

A11y tests

Button

Guidelines

  • The component should use color palette
  • The component will have 3 variants
    1. primary
      • for main, most important actions on secreen
    2. secondary
      • for less-significant actions
    3. disabled
      • can not be clicked, visually subdued

Styles

  • primary color #d45a33f
  • disabled color color #3e3e3e

Viewport

Button

Guidelines

  • The component should use color palette
  • The component will have 3 variants
    1. primary
      • for main, most important actions on secreen
    2. secondary
      • for less-significant actions
    3. disabled
      • can not be clicked, visually subdued

Styles

  • primary color #d45a33f
  • disabled color color #3e3e3e
320px

Button

Guidelines

  • The component should use color palette
  • The component will have 3 variants
    1. primary
      • for main, most important actions on secreen
    2. secondary
      • for less-significant actions
    3. disabled
      • can not be clicked, visually subdued

Styles

  • primary color #d45a33f
  • disabled color color #3e3e3e
375px

Button

Guidelines

  • The component should use color palette
  • The component will have 3 variants
    1. primary
      • for main, most important actions on secreen
    2. secondary
      • for less-significant actions
    3. disabled
      • can not be clicked, visually subdued

Styles

  • primary color #d45a33f
  • disabled color color #3e3e3e
768px

Button

Guidelines

  • The component should use color palette
  • The component will have 3 variants
    1. primary
      • for main, most important actions on secreen
    2. secondary
      • for less-significant actions
    3. disabled
      • can not be clicked, visually subdued

Styles

  • primary color #d45a33f
  • disabled color color #3e3e3e
1024px