Board states
A read-only board, the loading, error and empty states of the board, and a column that is still loading.
- Board
- BoardColumn
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, Board states
To do
2 issuesSK-101Priority Urgent
Search suggestions skip words with accented letters- search
- backend
BugDue OverdueAL
SK-105Priority Lowest
Offline modeEpicKJ
In progress
2 issues Over the limit of 1SK-102Priority High
Keyboard shortcut sheet for the editor- frontend
- accessibility
FeatureDue GH
SK-103Priority Medium
Move the export queue to a background worker so large projects no longer time out while the archive is being built- backend
- performance
- docs
Improvement
Could not load the board. Check the connection and try again.
This project has no statuses yet.
In review
0 issuesDark theme, Board states
To do
2 issuesSK-101Priority Urgent
Search suggestions skip words with accented letters- search
- backend
BugDue OverdueAL
SK-105Priority Lowest
Offline modeEpicKJ
In progress
2 issues Over the limit of 1SK-102Priority High
Keyboard shortcut sheet for the editor- frontend
- accessibility
FeatureDue GH
SK-103Priority Medium
Move the export queue to a background worker so large projects no longer time out while the archive is being built- backend
- performance
- docs
Improvement
Could not load the board. Check the connection and try again.
This project has no statuses yet.
In review
0 issuesHigh contrast theme, Board states
To do
2 issuesSK-101Priority Urgent
Search suggestions skip words with accented letters- search
- backend
BugDue OverdueAL
SK-105Priority Lowest
Offline modeEpicKJ
In progress
2 issues Over the limit of 1SK-102Priority High
Keyboard shortcut sheet for the editor- frontend
- accessibility
FeatureDue GH
SK-103Priority Medium
Move the export queue to a background worker so large projects no longer time out while the archive is being built- backend
- performance
- docs
Improvement
Could not load the board. Check the connection and try again.
This project has no statuses yet.
In review
0 issuesUsageLink to the section Usage
import { Board, BoardColumn } from '@skribly/ui/tracker'<Board aria-label={t('board.title')} columns={columns} labels={labels} isReadOnly />
<Board aria-label={t('board.title')} columns={[]} labels={labels} error={t('board.failed')} />Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- A read-only board drops the drag handles and menus, and cards still open the issue.
- Loading is a status with a spinner and words, and sets aria-busy; an error is an assertive alert with a glyph, since nothing else on the board works.
This demo runs through axe in all three themes on every test run. See what the tests check.