Library Status

Components Status

ComponentDesignDevelopment
ActionRow Stable
DoneDone
Alert Stable
DoneDone
AlertModal New
DoneDone
Annotation New
DoneIn progress
Avatar New
DoneDone
AvatarButton New
DoneDone
Badge Stable
DoneDone
Breadcrumbs Needs Work
Replace with react-bootstrap shim
DONETo Do
Button Stable
TODO: Remove subcomponent of deprecated implementation soon
DoneTO DO
Button Group Stable
A pass through from react-bootstrap
DoneDone
Card Stable
A pass through from react-bootstrap
DoneIn Progress
Carousel Stable
A pass through from react-bootstrap
DoneDone
CheckBoxGroup Deprecate Soon
Refactor to use Input component and refresh checkbox designs
To DoTo Do
Checkbox Deprecate Soon
Replaced by Input and ValidationFormGroup
TBDTo Do
Chip New
DoneIn progress
Collapsible Stable
Needs ReviewDone
Container Stable
DoneDone
Data views New
DoneIn progress
DataTable New
DoneIn progress
Dropdown Stable
TODO: Remove subcomponent of deprecated implementation soon
DoneTO DO
Fieldset Deprecate Soon
Unneeded. Used in one place (studio-frontend/src/components/EditImageModal/index.jsx)
TBDTo Do
Figure Stable
DoneDone
Form.Checkbox New
DoneDone
Form.Control Stable
DoneDone
Form.Control.Feedback Stable
DoneDone
Form.Group Stable
DoneDone
Form.Label Stable
DoneDone
Form.Radio New
DoneDone
Form.Switch New
DoneDone
Forms Stable
DoneDone
FullscreenModal New
DoneDone
Hyperlink Needs Work
Improve prop naming. Deprecate content prop.
Use React.forwardRef for ref forwarding.
DoneTo Do
Icon Stable
DoneDone
IconButton New
DoneDone
IconButtonToggle Stable
Helps toggle Data view between list, card view etc.
In ProgressDone
Image Stable
DoneDone
Input Deprecate Soon
Replaced by Form.Control
DoneDone
Input Group Stable
DoneDone
InputSelect Deprecate Soon
Replaced by Input and ValidationFormGroup
TBDTo Do
InputText Deprecate Soon
Replaced by Input and ValidationFormGroup
TBDTo Do
ListBox Deprecate Soon
Not used anywhere in code on Github. Consult design.
TBDTo Do
MailtoLink Needs Work
Remove unnecessary props.
Remove baked in English strings.
Use React.forwardRef for ref forwarding
DoneTo Do
MarketingModal New
DoneDone
Menu New
DoneDone
Modal Deprecate soon
Replaced by ModalDialog.
DoneTo Do
ModalDialog New
DoneDone
ModalLayer New
DoneDone
ModalPopup New
DoneDone
Nav Stable
DoneDone
Navbar Stable
DoneDone
Overlays Stable
DoneDone
Page Banner New
CompleteIn Progress
Pagination Needs Work
TODO: shim from react-bootstrap
Breaks if given 5000 pages.
Overly complex implementation.
Remove baked in english strings
DoneTo Do
Popover Stable
DoneDone
ProductTour New
DoneDone
Progress Bar Stable
DoneDone
RadioButtonGroup Deprecate Soon
Refactor to use Input component
and refresh checkbox designs
To DoTo Do
Scrollable New
Adds overflow:auto scrolling to wrapped elements. And adds dropshadows when content wrapped within is scrolled up or down
In ProgressIn Progress
SearchField Stable
Needs ReviewDone
SelectMenu New
DoneDone
SelectableBox New
DoneIn progress
Sheet New
Window-level edge-anchored content container with elevation shadow, with option to block content.
In ProgressIn Progress
Spinner Stable
DoneDone
Stack New
DoneIn progress
StandardModal New
DoneDone
StatefulButton Stable
DoneDone
StatusAlert Deprecate Soon
Alert replaces this component
DoneDone
Stepper Stable
DoneDone
Sticky New
DoneIn progress
Table (Deprecated) Deprecate soon
Potentially does too much work. Consider if should be multiple components: Table, TableHeader, SortableTable, etc.
TBDTBD
Table Filters New
In progressIn progress
TableControlBar New
DoneIn progress
TableFooter New
DoneIn progress
Tabs Stable
TODO: Remove subcomponent of deprecated implementation soon
DoneTO DO
TextArea Deprecate Soon
Replaced by Input and ValidationFormGroup
TBDTo Do
Toast New
DoneDone
Tooltip Stable
DoneDone
TransitionReplace Stable
DoneDone
ValidationFormGroup Deprecate Soon
Replaced by Form.Group
DoneDone