Sponsor of the Day:
Jerkmate
https://cloudscape.design/foundation/core-principles/accessibility/Building-accessible-experiences/
Building accessible experiences - Cloudscape Design System
General principles and guidelines to help build more accessible experiences using Cloudscape.
cloudscape design systembuilding accessibleexperiences
https://cloudscape.design/components/status-indicator/?tabId=playground
Status indicator - Cloudscape Design System
A status indicator communicates the state of a resource—either in its entirety or a particular facet of a resource—in a compact form that is easily embedded in...
cloudscape design systemstatus indicator
https://cloudscape.design/patterns/general/errors/validation/
Validation - Cloudscape Design System
Help users with error recovery by accurately identifying issues and providing easy identification of incorrect fields for correction.
cloudscape design systemvalidation
https://cloudscape.design/get-started/for-developers/start-developing/
Start developing - Cloudscape Design System
Welcome to Cloudscape. Let’s start building. Here you'll find links to integrate with the system, view patterns and demos to see how the system looks in...
cloudscape design systemstartdeveloping
https://cloudscape.design/patterns/general/onboarding/
Onboarding - Cloudscape Design System
The process of getting started with a product or feature.
cloudscape design systemonboarding
https://cloudscape.design/foundation/
Foundation - Cloudscape Design System
Learn about the visual foundation of Cloudscape, and the core principles we include in our designs.
cloudscape design systemfoundation
https://cloudscape.design/patterns/general/service-navigation/side-navigation/
Side navigation - Cloudscape Design System
Provides a structural view of a services's navigation, allowing users to easily navigate sections and pages within the service.
cloudscape design systemside navigation
https://cloudscape.design/components/header/?tabId=playground
Header - Cloudscape Design System
Summarizes the content that's displayed under it and provides a space for optional action buttons.
cloudscape design systemheader
https://cloudscape.design/patterns/general/errors/error-messages/
Error messages - Cloudscape Design System
Error messages give users context about an inaccuracy, malfunction, unsuccessful action, or critical issue.
cloudscape design systemerror messages
https://cloudscape.design/components/breadcrumb-group/?tabId=playground
Breadcrumb group - Cloudscape Design System
Displays a series of navigational links in a hierarchical list.
cloudscape design systembreadcrumbgroup
https://cloudscape.design/components/form-field/?tabId=usage
Form field - Cloudscape Design System
With the form field, users can create properly-styled controls in a form.
cloudscape design systemform field
https://cloudscape.design/patterns/resource-management/create/defaults/
Defaults - Cloudscape Design System
Reduce friction during resource creation by applying defaults that are both transparent and useful to the user.
cloudscape design systemdefaults
https://cloudscape.design/components/
Components - Cloudscape Design System
Components are built with React and implement the design patterns and guidelines of Cloudscape. All components are tested, responsive, and accessible.
cloudscape design systemcomponents
https://cloudscape.design/demos/
Demos - Cloudscape Design System
A demo is an example of a layout template using components. Use our demos to get a feel for the system, and see what services built with Cloudscape look like....
cloudscape design systemdemos