Get started
Foundation
Components
Patterns
Demos
GitHub
Get started
Foundation
Components
Patterns
Demos
GitHub
About
Components
/ Key-value pairs
Components
Alert
Anchor navigation
App layout
App layout toolbar
Attribute editor
Autosuggest
Badge
Board components
Board
Board item
Items palette
Box
Breadcrumb group
Button
Button dropdown
Button group
Calendar
Cards
Charts
Bar chart
Line chart
Area chart
Mixed line and bar chart
Pie and donut charts
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 uploading components
File dropzone
File token group
File input
File upload
Flashbar
Form
Form field
Generative AI components
Avatar
Chat bubble
Loading bar
Prompt input
Support prompt group
Grid
Header
Help panel
Icon
Input
Key-value pairs
Link
Live region
Modal
Multiselect
Pagination
Popover
Progress bar
Property filter
Radio group
S3 resource selector
Segmented control
Select
Side navigation
Slider
Space between
Spinner
Split panel
Status indicator
Steps
Table
Tabs
Tag editor
Text content
Text filter
Text area
Tiles
Time input
Toggle
Toggle button
Token group
Top navigation
Tutorial components
Annotation context
Hotspot
Tutorial panel
Wizard
Cloudscape Design System
...
Components
Key-value pairs
Cloudscape Design System
Components
Key-value pairs
Key-value pairs
Key-value pairs are lists of properties (labels) followed by their corresponding values.
Published: July 10, 2024
Get design library
Browse code