cloudscape design - Robuta Search

https://cloudscape.design/ Cloudscape Design System Cloudscape offers user interface guidelines, front-end components, design resources, and development tools for building intuitive, engaging, and inclusive user... cloudscape design system https://cloudscape.design/components/tooltip/ Tooltip - Cloudscape Design System Displays helpful text when users hover over or focus on an element. cloudscape design tooltip system https://cloudscape.design/components/date-range-picker/ Date range picker - Cloudscape Design System With the date range picker, users can specify a date and time range. date range picker cloudscape design system https://cloudscape.design/components/dropdown/ Dropdown - Cloudscape Design System Provides an overlay for displaying contextual content relative to a trigger element. cloudscape design dropdown system https://cloudscape.design/components/flashbar/ Flashbar - Cloudscape Design System Flashbar - Displays one or more status notifications that communicate critical task operation status — errors, success, in-progress, and info. The info... cloudscape design system https://cloudscape.design/components/action-card/ Action card - Cloudscape Design System With the action card, you can display a single piece of actionable content in a structured, visual format. cloudscape design action card system https://cloudscape.design/components/cartesian-chart/ Cartesian charts - Cloudscape Design System Cartesian charts display information along horizontal and vertical axes to clearly show patterns, comparisons, and relationships between values. It includes... cloudscape design cartesian charts system https://cloudscape.design/components/button-dropdown/ Button dropdown - Cloudscape Design System With a button dropdown, you can group a set of actions under one button. cloudscape design button dropdown system https://cloudscape.design/components/form-field/ Form field - Cloudscape Design System With the form field, users can create properly-styled controls in a form. cloudscape design form field system https://cloudscape.design/components/text-content/ Text content - Cloudscape Design System Use to style chunks of HTML by applying default typographical styles to the content. text content cloudscape design system https://cloudscape.design/get-started/ Get started - Cloudscape Design System Learn about Cloudscape user interface guidelines, components, design resources, and development tools. get started cloudscape design system https://cloudscape.design/components/line-chart/ Line chart - Cloudscape Design System Visualizes one or many series of data, with an emphasis on how the data changes over time. line chart cloudscape design system https://cloudscape.design/components/annotation-context/ Annotation context - Cloudscape Design System The annotation context is an invisible layer on top of the interface. It tracks the progress of a launched tutorial and feeds dynamic content to the Tutorial... cloudscape design annotation context system https://cloudscape.design/components/input/ Input - Cloudscape Design System With the input control, users can input a single line of text. cloudscape design input system https://cloudscape.design/components/box/ Box - Cloudscape Design System With the box component, you can display and style basic elements and containers in compliance with Cloudscape's typography and spacing strategy. cloudscape design box system https://cloudscape.design/components/table/ Table - Cloudscape Design System Presents data in a two-dimensional table format, arranged in columns and rows in a rectangular form. cloudscape design table system https://cloudscape.design/components/board/ Board - Cloudscape Design System Provides the base for a configurable layout, including drag and drop, responsiveness and grid. cloudscape design board system https://cloudscape.design/components/items-palette/ Items palette - Cloudscape Design System Provides the ability to add board items to a board layout when combined with discreet split panel. cloudscape design items palette system https://cloudscape.design/components/board-item/ Board item - Cloudscape Design System A board item is a self-contained user interface (UI) element living within a board. cloudscape design board item system https://cloudscape.design/components/radio-group/ Radio group - Cloudscape Design System Radio group enable users to choose one option from a predefined set. radio group cloudscape design system https://cloudscape.design/components/spinner/ Spinner - Cloudscape Design System A compact, looped animation giving the user feedback that a process is currently running. cloudscape design spinner system https://cloudscape.design/components/annotation-context/?example=default Annotation context - Cloudscape Design System The annotation context is an invisible layer on top of the interface. It tracks the progress of a launched tutorial and feeds dynamic content to the Tutorial... cloudscape design annotation context system https://cloudscape.design/components/copy-to-clipboard/ Copy to clipboard - Cloudscape Design System With copy to clipboard, users can copy content to their clipboard. cloudscape design copy clipboard system https://cloudscape.design/components/mixed-line-bar-chart/ Mixed line and bar chart - Cloudscape Design System Visualizes different, but related, series of data on a single chart. bar chart cloudscape design mixed line system https://cloudscape.design/components/breadcrumb-group/ Breadcrumb group - Cloudscape Design System Displays a series of navigational links in a hierarchical list. cloudscape design breadcrumb group system https://cloudscape.design/components/key-value-pairs/ Key-value pairs - Cloudscape Design System Key-value pairs are lists of properties (labels) followed by their corresponding values. key value cloudscape design pairs system https://cloudscape.design/components/hands-on-tutorials/ Tutorial components - Cloudscape Design System Hands-on tutorials are made up of three components that communicate and work together to teach users in an interactive way how to use an application. cloudscape design tutorial components system https://cloudscape.design/components/file-dropzone/ File dropzone - Cloudscape Design System An area that allows users to drag and drop files. cloudscape design file dropzone system https://cloudscape.design/components/icon/ Icon - Cloudscape Design System Display basic icons that match with Cloudscape's sizes, colors, and typography. cloudscape design icon system https://cloudscape.design/components/prompt-input/ Prompt input - Cloudscape Design System Enables users to provide a prompt or command. cloudscape design prompt input system https://cloudscape.design/components/popover/ Popover - Cloudscape Design System Provides on-demand contextual information about elements or events. cloudscape design popover system https://cloudscape.design/components/chat-bubble/ Chat bubble - Cloudscape Design System A visual representation of a chat message. cloudscape design chat bubble system https://cloudscape.design/components/steps/ Steps - Cloudscape Design System Display a list of tasks. cloudscape design steps system https://cloudscape.design/components/collection-select-filter/ Collection select filter - Cloudscape Design System A select filter helps users find specific items in a collection by choosing one or two properties. cloudscape design collection select filter system https://cloudscape.design/patterns/ Patterns - Cloudscape Design System Patterns are reusable combinations of components that solve common user problems, help users achieve their goals, and ensure consistency across experiences. cloudscape design patterns system https://cloudscape.design/components/tiles/ Tiles - Cloudscape Design System Tiles enable users to choose one of a predefined set of options, including additional metadata to facilitate comparisons or progressive disclosure. cloudscape design tiles system https://cloudscape.design/components/form/ Form - Cloudscape Design System A section of a page that has interactive controls with which a user can submit information to a web server. cloudscape design form system https://cloudscape.design/components/code-editor/ Code editor - Cloudscape Design System With the code editor, users can write and edit code. code editor cloudscape design system https://cloudscape.design/components/file-uploading-components/ File uploading components - Cloudscape Design System Components that allow users to upload files. cloudscape design file uploading components system https://cloudscape.design/components/space-between/ Space between - Cloudscape Design System A helper component that helps you add consistent spacing between elements on your page. cloudscape design space system https://cloudscape.design/components/file-input/ File input - Cloudscape Design System A trigger that allows users to select one or more files to upload. cloudscape design file input system https://cloudscape.design/components/attribute-editor/ Attribute editor - Cloudscape Design System With the attribute editor, users can create, edit, and delete attributes. cloudscape design attribute editor system https://cloudscape.design/components/multiselect/ Multiselect - Cloudscape Design System Multiselects enable users to choose multiple items from a list of options. cloudscape design system https://cloudscape.design/components/loading-bar/ Loading bar - Cloudscape Design System A linear loading indicator that informs the user about an ongoing operation with unknown duration. cloudscape design loading bar system https://cloudscape.design/patterns/general/onboarding/hands-on-tutorials/ Hands-on tutorials - Cloudscape Design System Hands-on tutorials provide contextual suggestions at decision points in workflows, and also clarify all the steps that need to be completed in order to achieve... cloudscape design hands tutorials system https://cloudscape.design/components/text-filter/ Text filter - Cloudscape Design System With a text filter, users can enter text that’s used to match specific items in a collection. cloudscape design text filter system https://cloudscape.design/components/cards/ Cards - Cloudscape Design System Represents a collection of items. cloudscape design cards system 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 foundation system https://cloudscape.design/components/date-input/ Date input - Cloudscape Design System A form element in which a user can enter a date value. cloudscape design date input system https://cloudscape.design/components/link/ Link - Cloudscape Design System A link component is an anchor tag that defines a hyperlink, which a user can interact with to find out more information about a concept, task, or field. cloudscape design system https://cloudscape.design/components/textarea/ Text area - Cloudscape Design System A form element that provides a multi-line, plain-text input control. cloudscape design text area system https://cloudscape.design/about/ About Cloudscape - Cloudscape Design System Cloudscape is an open source design system for building user experiences at scale. cloudscape design system https://cloudscape.design/components/toggle-button/ Toggle button - Cloudscape Design System Enables user to toggle between two actions / states. cloudscape design toggle button system https://cloudscape.design/components/charts/ Charts - Cloudscape Design System Charts are a graphic representation of information and quantitative data, built on the Highcharts library, designed to provide a clear and interactive way to... cloudscape design charts system 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 components system 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 demos system https://cloudscape.design/components/checkbox/ Checkbox - Cloudscape Design System Checkboxes enable users to turn an option on or off. cloudscape design checkbox system https://cloudscape.design/components/hotspot/ Hotspot - Cloudscape Design System In hands-on tutorials, hotspots are invisible containers that mark the spots where hotspot icons should be placed. Hotspot icons are rendered by the annotation... cloudscape design hotspot system https://cloudscape.design/components/radio-button/ Radio button - Cloudscape Design System Radio buttons enable users to perform a single selection from a predefined set of options. cloudscape design radio button system https://cloudscape.design/components/status-indicator/ 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 status indicator system https://cloudscape.design/components/live-region/ Live region - Cloudscape Design System A non-visual component used to announce page changes to assistive technology. cloudscape design live region system https://cloudscape.design/components/time-input/ Time input - Cloudscape Design System A form element in which a user can enter an absolute time value. time input cloudscape design system https://cloudscape.design/components/badge/ Badge - Cloudscape Design System A small, color-coded visual element that contains letters or numbers, that is used to label, categorize, organize, or indicate severity of items. cloudscape design badge system https://cloudscape.design/components/tabs/ Tabs - Cloudscape Design System With tabs, users can switch between different categories of information in the same view. cloudscape design tabs system https://cloudscape.design/components/panel-layout/ Panel layout - Cloudscape Design System Allows two panels of content to be displayed side by side. cloudscape design panel layout system https://cloudscape.design/components/file-upload/ File upload - Cloudscape Design System File upload is a form element. Users can use it to select one or multiple local files to upload. The files can then be uploaded upon form submission or... file upload cloudscape design system https://cloudscape.design/components/top-navigation/ Top navigation - Cloudscape Design System A global navigation element for applications that is consistent and persists across all application pages. cloudscape design top navigation system https://cloudscape.design/components/progress-bar/ Progress bar - Cloudscape Design System Informs the user about the progress of an operation with a known duration. progress bar cloudscape design system https://cloudscape.design/components/support-prompt-group/ Support prompt group - Cloudscape Design System Selectable message prompts in generative AI chats that present recommended inputs to the user. cloudscape design support prompt group system https://cloudscape.design/components/expandable-section/ Expandable section - Cloudscape Design System With expandable selection, users can expand or collapse a section. cloudscape design expandable section system https://cloudscape.design/components/tutorial-panel/ Tutorial panel - Cloudscape Design System The tutorial panel houses contextual Hands-on tutorials that help users learn how to use an application. cloudscape design tutorial panel system https://cloudscape.design/components/autosuggest/ Autosuggest - Cloudscape Design System Autosuggest enables users to choose from a list of suggestions. cloudscape design system https://cloudscape.design/components/board-components/ Board components - Cloudscape Design System Made up of three components that work together to allow users to interact with, move, and configure a board layout. cloudscape design board components system https://cloudscape.design/components/calendar/ Calendar - Cloudscape Design System With the calendar component, users can select dates. cloudscape design calendar system https://cloudscape.design/components/app-layout-toolbar/ App layout toolbar - Cloudscape Design System Provides page structure for productive use cases, which offers collapsible side navigation, tools panel, drawers, and split panel, in the form of a toolbar. cloudscape design app layout toolbar system