GitLab Design System
  • Brand
  • Basics
  • Resources
  • Product
  • Get started
  • Principles
  • Structure
  • Foundations
  • Color
  • Iconography
  • Illustration
  • Interactions
  • Motion
  • Saving and feedback
  • Typography
  • Layout
  • Grid
  • Layers
  • Spacing
  • Components Status
  • Accordion
  • Alert
  • Avatar
  • Badge
  • Banner
  • Breadcrumb
  • Broadcast message
  • Button
  • Card
  • Checkbox
  • Date picker
  • Drawer
  • Dropdown
  • File uploader
  • Filter
  • Form
  • Infinite scroll
  • Label
  • List
  • Modal
  • Pagination
  • Path
  • Popover
  • Progress bar
  • Radio button
  • Search
  • Segmented control
  • Skeleton loader
  • Socks
  • Sorting
  • Spinner
  • Table
  • Tabs
  • Toast
  • Toggle
  • Token
  • Tooltip
  • Tree
  • Data visualization
  • Charts
  • Color
  • Overview
  • Regions
  • Empty States
  • Filters
  • Navigation
  • Search
  • Settings
  • Objects
  • Merge request
  • Report
  • Content
  • Error messages
  • Punctuation
  • Terminology
  • Voice and tone
  • Usability
  • Error prevention
  • Helping users
  • Internationalization
  • Onboarding users
    • Design resources
  • Research
  • Get started
  • First Look
  • Personas
  • Accessibility
  • Statement of compliance
  • Best practices
  • GitLab Accessibility Conformance Report
  • Audit guides
  • Accessibility audits
  • Keyboard-only
  • Screen readers
  • Visual
  • Content
  • Contribute
  • Get started
  • Component lifecycle
Edit this page Open Web IDE Please contribute