Components overview
Components are built with React and implement the design patterns and guidelines of Cloudscape. All components are tested, responsive, and accessible.
Components (94)


Alert


Anchor navigation


Annotation context


App layout


App layout toolbar


Area chart


Attribute editor


Autosuggest


Avatar


Badge


Bar chart


Board components
Provides the base for a configurable layout, including drag and drop, responsiveness and grid.


Board item
A board item is a self-contained user interface (UI) element living within a board.


Box


Breadcrumb group


Button


Button dropdown


Button group


Calendar


Cards


Cartesian charts


Chat bubble


Checkbox


Code editor


Code view


Collection preferences


Collection select filter


Column layout


Container


Content layout


Copy to clipboard


Date input


Date picker


Date range picker


Drawer


Expandable section


File dropzone


File input


File token group


File upload


Flashbar


Form


Form field


Grid


Header


Help panel
The panel displays help content that relates to a concept, term, setting, option, or task within the main page content.


Hotspot


Icon


Input


Items palette
Provides the ability to add board items to a board when combined with discrete split panel.


Key-value pairs


Line chart


Link


List


Live region


Loading bar


Mixed line and bar chart


Modal


Multiselect


Pagination


Pie and donut chart
Pie and donut charts display portions of a whole unit so users can compare data points from a total set. A donut chart also includes a summary metric in the center of the chart.


Pie and donut charts


Popover


Progress bar


Prompt input


Property filter


Radio group


S3 resource selector


Segmented control


Select


Side navigation


Slider


Space between


Spinner


Split panel


Status indicator


Steps


Support prompt group


Table


Tabs


Tag editor


Text area


Text content


Text filter


Tiles


Time input


Toggle


Toggle button


Token


Token group


Top navigation
A global navigation element for services that is consistent and persisted across all service pages.


Tree view


Tutorial panel

