Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • Gen AI
  • GitHub 
Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • Gen AI
  • GitHub 
  • About

Components


  • Action card
  • 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
    • Cartesian charts
    • Pie and donut charts
  • Charts (Legacy)
    • 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
  • Divider
  • Drawer
  • Dropdown
  • Error boundary
  • 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
    • Button group
  • Grid
  • Header
  • Help panel
  • Icon
  • Input
  • Item card
  • Key-value pairs
  • Link
  • List
  • Live region
  • Modal
  • Multiselect
  • Pagination
  • Panel layout
  • Popover
  • Progress bar
  • Property filter
  • Radio button
  • 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
  • Token group
  • Tooltip
  • Top navigation
  • Tree view
  • Tutorial components
    • Annotation context
    • Hotspot
    • Tutorial panel
  • Wizard
  1. Cloudscape Design System
    • Components
    • Generative AI components
    1. Cloudscape Design System
    2. Components
    3. Generative AI components

    Generative AI components

    Components that help build generative AI experiences.

    On this page

    1. Components

    About this page

    Published: June 28, 2024

    Did this page help you?

    Your feedback helps us improve our documentation.
    Provide additional feedback

    Components

    Avatar

    Visual representation of a user or generative AI entity.

    Loading bar

    A linear loading indicator that informs the user about an ongoing operation with unknown duration.

    Prompt input

    Enables users to provide a prompt or command.

    Button group

    Enable users to perform an action from a group of buttons.

    Chat bubble

    A visual representation of a chat message.

    Support prompt group

    Selectable message prompts in generative AI chats that present recommended inputs to the user.

    Did this page help you?

    Your feedback helps us improve our documentation.
    Provide additional feedback
    • About
    • Connect
    • Privacy 
    • Site terms 
    • © 2026, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    Made with ❤️ at AWS