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

Patterns


  • General

    • Actions
      • Global actions
      • In-context actions
    • Announcing new features
    • Announcing beta and preview features
    • Communicating unsaved changes
    • Data visualization
      • Chart metric drill down
    • Density settings
    • Disabled and read-only states
    • Drag-and-drop
    • Errors
      • Error messages
      • Validation
    • Empty states
    • Feedback mechanisms
    • Filtering patterns
      • Saved filter sets
      • Filter persistence in collection views
    • Hero header
    • Help system
    • Image magnifier
    • Loading and refreshing
    • Onboarding
      • Hands-on tutorials
    • Selection in forms
    • Service navigation
      • Side navigation
      • Top navigation
    • Service Dashboard
      • Static dashboard
      • Configurable dashboard
      • Dashboard items
    • Secondary panels
    • Timestamps
    • User feedback

  • Generative AI patterns

    • Pattern abstraction
    • Generative AI chat
    • Ingress
    • Generative AI output label
    • Generative AI loading states
    • Progressive steps

  • Resource management

    • Create resource
      • Multipage create
      • Single page create
      • Sub resource create
    • Delete patterns
      • One-click delete
      • Delete with simple confirmation
      • Delete with additional confirmation
    • Edit resource
      • Page edit
      • Inline edit
      • Attribute editing
    • View resources
      • Table view
      • Card view
      • Split view
      • Table with expandable rows
    • Resource details
      • Details page
      • Details page with tabs
      • Details page as a hub
  1. Cloudscape Design System
    • Patterns
    • Resource management: Delete patterns
    • One-click delete
    1. Cloudscape Design System
    2. Patterns
    3. Resource management: Delete patterns
    4. One-click delete

    One-click delete

    With the one-click delete pattern, users can quickly delete low-risk, non-critical resources.

    Published: June 25, 2021
    View demo

    On this page

    1. Key UX concepts
    2. Building blocks
    3. General guidelines
    4. Writing guidelines
    5. Accessibility guidelines
    6. Related patterns

    Did this page help you?

    Tell us more - optional

    1000 character(s) available. Do not disclose any personal, commercially sensitive, or confidential information.

    Key UX concepts

    With one-click delete, users can quickly delete non-critical, easy to recreate resources. For example, the deletion of a row in attribute editor or tag editor. Deletion is instantaneous and doesn’t require additional feedback.

    Building blocks

    A.
    Remove button

    Allow users to delete the element by adding a Remove button.

    B.
    Undo - optional

    Allow users revoke the last performed deletion by adding an Undo link.

    C.
    Add new button

    Allow users to add new, removable elements on the page.

    General guidelines

    Do

    • Use one-click delete when you need to quickly remove an element on the page you are editing, like row, input, or item.
    • Use one-click delete when removing elements that can be recovered instantaneously.

    Don't

    • Don't use one-click delete when removing resources in tables. Those resources require at least simple confirmation to be provided by the user.
    • Don't use one-click delete when removing resources that can't be recreated instantaneously.

    Writing guidelines

    General writing guidelines

    • Use sentence case, but continue to capitalize proper nouns and brand names correctly in context.

    • Use end punctuation, except in headers and buttons. Don’t use exclamation points.

    • Use present-tense verbs and active voice.

    • Don't use please, thank you, ellipsis (...), ampersand (&), e.g., i.e., or etc. in writing.

    • Avoid directional language.

      • For example: use previous not above, use following not below.

    • Use device-independent language.

      • For example: use choose or select not click.

    Accessibility guidelines

    General accessibility guidelines

    • Follow the guidelines on alternative text and Accessible Rich Internet Applications (ARIA) regions for each component.

    • Make sure to define ARIA labels aligned with the language context of your application.

    • Don't add unnecessary markup for roles and landmarks. Follow the guidelines for each component.

    • Provide keyboard functionality to all available content in a logical and predictable order. The flow of information should make sense.

    Related patterns

    Delete patterns

    With delete patterns, users can delete existing resources.

    Delete with simple confirmation

    Provide a layer of confirmation before deleting resources that cannot be easily recreated.

    Delete with additional confirmation

    The delete with additional confirmation pattern helps prevent users from performing accidental, high-severity deletions by adding friction during the deletion process.

    Did this page help you?

    Tell us more - optional

    1000 character(s) available. Do not disclose any personal, commercially sensitive, or confidential information.
    • About
    • Connect
    • Privacy 
    • Site terms 
    • © 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    Made with love atAWS