• Brand
  • Foundationkeyboard_arrow_down
      • Overview
      • Accessibility
      • Color Systemchevron_right
          • UI Color Palette
          • Color Tokens
          • All Hues & Values
          • Creating the System
      • Dark Mode
      • Elevation
      • Iconography
      • Imagery
      • Interaction States
      • Layout
      • Mobile
      • Spacing
      • Typographychevron_right
          • Overview
          • Type Scale & Formatting
          • Goldman Sans
          • Sabon
          • Basis
          • Roboto Mono
      • Writing Guidelines
      • Design System Concepts
  • Componentskeyboard_arrow_down
      • All Components
      • Actionschevron_right
          • All Actions
          • Button
          • Button Group
          • Button Select
          • Collapse
          • Dropdown
          • Link
      • Containerschevron_right
          • All Containers
          • Bottom Sheet
          • Flex Layout
          • Horizontal Scroll
          • Image Container
          • Menu
          • React Grid Layout
          • Side Panel
          • Side Panel Menu
          • Toolbar
      • Content Displaychevron_right
          • All Content Display
          • Accordion
          • Card
          • Carousel
          • Hero
          • Icon
          • Label
          • List Group
          • Person
      • Data Displaychevron_right
          • All Data Display
          • Avatar
          • Charts
          • Chart Editor
          • Graph
          • Data Grid
          • Metric
          • Table
          • Tree
      • Feedbackchevron_right
          • All Feedback
          • Alert
          • Badge
          • Modal
          • Popover
          • Steps
          • Toast
          • Tooltip
      • Forms & Inputschevron_right
          • All Forms & Input
          • Checkbox
          • Datepicker
          • File Upload
          • Form
          • Input
          • Input Group
          • Input Icon
          • Input Number
          • Label
          • Radio
          • Select
          • Slider
          • Switch
          • Textarea
      • Loading & Statuschevron_right
          • All Loading & Status
          • Loading
          • Progress
          • Pull to Refresh
          • Skeleton Loader
      • Navigationalchevron_right
          • All Navigational
          • Breadcrumb
          • Header
          • Menu
          • Pagination
          • Tabs
          • Tree
      • Search & Filterschevron_right
          • All Search & Filters
          • Queryfield
          • Search
          • Select
          • Tag
  • Patterns & Layoutskeyboard_arrow_down
      • Patternschevron_right
          • All Patterns
          • Feature Lists
          • Filter & Sort
          • Forms
          • Grids & Tables: Formatting
          • Grids & Tables: Heatmaps
          • Grids & Tables: Histograms
          • Loading
          • Media Players
          • Stepped Progression
          • Sticky Elements
      • Layoutschevron_right
          • All Layouts
          • Article
          • Dashboard
          • Events
          • Marketing
  • Designerskeyboard_arrow_down
      • Figma UI Kits
      • Figma Guideschevron_right
          • Using Foundations
          • Using Components
  • more_horiz
    • Brand
    • Foundationchevron_right
        • Overview
        • Accessibility
        • Color Systemchevron_right
            • UI Color Palette
            • Color Tokens
            • All Hues & Values
            • Creating the System
        • Dark Mode
        • Elevation
        • Iconography
        • Imagery
        • Interaction States
        • Layout
        • Mobile
        • Spacing
        • Typographychevron_right
            • Overview
            • Type Scale & Formatting
            • Goldman Sans
            • Sabon
            • Basis
            • Roboto Mono
        • Writing Guidelines
        • Design System Concepts
    • Componentschevron_right
        • All Components
        • Actionschevron_right
            • All Actions
            • Button
            • Button Group
            • Button Select
            • Collapse
            • Dropdown
            • Link
        • Containerschevron_right
            • All Containers
            • Bottom Sheet
            • Flex Layout
            • Horizontal Scroll
            • Image Container
            • Menu
            • React Grid Layout
            • Side Panel
            • Side Panel Menu
            • Toolbar
        • Content Displaychevron_right
            • All Content Display
            • Accordion
            • Card
            • Carousel
            • Hero
            • Icon
            • Label
            • List Group
            • Person
        • Data Displaychevron_right
            • All Data Display
            • Avatar
            • Charts
            • Chart Editor
            • Graph
            • Data Grid
            • Metric
            • Table
            • Tree
        • Feedbackchevron_right
            • All Feedback
            • Alert
            • Badge
            • Modal
            • Popover
            • Steps
            • Toast
            • Tooltip
        • Forms & Inputschevron_right
            • All Forms & Input
            • Checkbox
            • Datepicker
            • File Upload
            • Form
            • Input
            • Input Group
            • Input Icon
            • Input Number
            • Label
            • Radio
            • Select
            • Slider
            • Switch
            • Textarea
        • Loading & Statuschevron_right
            • All Loading & Status
            • Loading
            • Progress
            • Pull to Refresh
            • Skeleton Loader
        • Navigationalchevron_right
            • All Navigational
            • Breadcrumb
            • Header
            • Menu
            • Pagination
            • Tabs
            • Tree
        • Search & Filterschevron_right
            • All Search & Filters
            • Queryfield
            • Search
            • Select
            • Tag
    • Patterns & Layoutschevron_right
        • Patternschevron_right
            • All Patterns
            • Feature Lists
            • Filter & Sort
            • Forms
            • Grids & Tables: Formatting
            • Grids & Tables: Heatmaps
            • Grids & Tables: Histograms
            • Loading
            • Media Players
            • Stepped Progression
            • Sticky Elements
        • Layoutschevron_right
            • All Layouts
            • Article
            • Dashboard
            • Events
            • Marketing
    • Designerschevron_right
        • Figma UI Kits
        • Figma Guideschevron_right
            • Using Foundations
            • Using Components
  • COMPONENTS

    Components

    Our collection of reusable components, guided by clear standards, can be assembled in countless variations.

    Actions
    button
    Button
    button group
    Button Group
    button select
    Button Select
    collapse
    Collapse
    dropdown
    Dropdown
    link
    Link
    Containers
    bottom sheet
    Bottom Sheet
    flex layout
    Flex Layout
    horizontal scroll
    Horizontal Scroll
    Image container
    Image Container
    menu
    Menu
    react grid layout
    React Grid Layout
    side panel
    Side Panel
    side panel menu
    Side Panel Menu
    toolbar
    Toolbar
    Content Display
    Accordion
    Accordion
    card
    Card
    carousel
    Carousel
    hero
    Hero
    Icon
    Icon
    list group
    List Group
    person
    Person
    Data Display
    avatar
    Avatar
    charts
    Charts
    chart editor
    Chart Editor
    graph
    Graph
    grid
    Grid
    metric
    Metric
    table
    Table
    tree
    Tree
    Feedback
    alert
    Alert
    badge
    Badge
    modal
    Modal
    popover
    Popover
    steps
    Steps
    Toast
    Toast
    tooltip
    Tooltip
    Forms and Inputs
    checkbox
    Checkbox
    datepicker
    Datepicker
    form
    Form
    Input
    Input
    Input Group
    Input Group
    Input Icon
    Input Icon
    Input Number
    Input Number
    Label
    Label
    radio
    Radio
    select
    Select
    slider
    Slider
    steps
    Steps
    switch
    Switch
    Textarea
    Textarea
    Loading and Status
    loading
    Loading
    progress
    Progress
    pull to refresh
    Pull to Refresh
    skeleton loader
    Skeleton Loader
    Navigational
    breadcrumbs
    Breadcrumbs
    header
    Header
    menu
    Menu
    pagination
    Pagination
    tabs
    Tabs
    tree
    Tree
    Search and Filters
    queryfield
    Queryfield
    search
    Search
    select
    Select
    tag
    Tag

    Related Content

    Foundation

    arrow_forward

    These interlocking design elements form the underpinnings of all we do.

    Creating the Goldman Sachs Design Color System

    arrow_forward

    Learn about the research and testing that went into our color palette.

    Terms of UseGive FeedbackRegulatory DisclosuresPrivacy and CookiesSecurity