# Shopware Meteor ## Documentation Sets - [Shopware Meteor](https://meteor.shopware.com/llms-full.txt) ## Docs - [Installation](https://meteor.shopware.com/raw/documentation/getting-started/installation.md): Install Meteor's component library, tokens, and icon kit, and set up your project. - [Agents](https://meteor.shopware.com/raw/documentation/getting-started/agents.md): Connect AI assistants and tools to the Meteor documentation, through a live MCP server or static machine-readable files. - [Migration](https://meteor.shopware.com/raw/documentation/getting-started/migration.md): Guidance for transitioning from older sw- components to Meteor, including a component mapping and gradual migration steps. - [Contributing](https://meteor.shopware.com/raw/documentation/getting-started/contributing.md): How to contribute to Meteor, including local development, pull requests, changesets, and releases. - [What's new](https://meteor.shopware.com/raw/documentation/getting-started/whats-new.md): Release notes for Meteor's documented packages, organized by package and listed newest first. - [Design Principles](https://meteor.shopware.com/raw/documentation/guidelines/design-principles.md): The shared product design principles that guide decision making across Shopware's products and the Meteor design system. - [Accessibility](https://meteor.shopware.com/raw/documentation/guidelines/accessibility.md): Guidance on building inclusive, barrier-free experiences with Meteor's built-in accessibility features and the considerations that remain your responsibility. - [Interactions](https://meteor.shopware.com/raw/documentation/guidelines/interactions.md): Guidelines for how interactive elements communicate availability, affordance, and system response across input methods. - [Components](https://meteor.shopware.com/raw/documentation/guidelines/components.md): Conventions for how Meteor components are structured, named, and built when contributing or updating a component. - [Tokens](https://meteor.shopware.com/raw/documentation/design/tokens.md): Standardized name-value pairs that encode Meteor's design decisions for color, typography, spacing, and more. - [Color Palette](https://meteor.shopware.com/raw/documentation/design/color-palette.md): A fixed set of shades per hue, named by hue and numeric luminosity, that semantic tokens reference. - [Elevation](https://meteor.shopware.com/raw/documentation/design/elevation.md): A small set of surface tokens that communicate depth and hierarchy across light and dark mode. - [Spacing](https://meteor.shopware.com/raw/documentation/design/spacing.md): A fixed numeric scale of spacing tokens that keeps padding, margin, and gap values consistent across components. - [Border Radius](https://meteor.shopware.com/raw/documentation/design/border-radius.md): A two-layer set of border radius tokens, with element-scoped tokens for specific components and semantic tokens for general use. - [Typography](https://meteor.shopware.com/raw/documentation/design/typography.md): Meteor's type system built on Inter, with named size, weight, and line-height tokens. - [Icons](https://meteor.shopware.com/raw/documentation/design/icons.md): Meteor's icon set, built for consistency, clarity, and legibility across all sizes and themes. - [Wording](https://meteor.shopware.com/raw/documentation/content/wording.md): Guidelines for Shopware's tone of voice, inclusive language, and writing conventions across product copy. - [Messaging](https://meteor.shopware.com/raw/documentation/content/messaging.md): Standards for writing error, validation, success, warning, info, empty, and loading messages in Meteor products. - [Glossary](https://meteor.shopware.com/raw/documentation/content/glossary.md): A reference of approved English and German terms for product features and user interface labels. - [Artificial Intelligence](https://meteor.shopware.com/raw/documentation/content/artificial-intelligence.md): Principles for designing human-AI interactions with clear communication, transparency, and merchant control. - [Action Menu](https://meteor.shopware.com/raw/components/action-menu.md): A trigger-revealed list of contextual actions for a specific object or view. - [Avatar](https://meteor.shopware.com/raw/components/avatar.md): A compact visual representation of a person or entity, shown as a profile image or initials. - [Badge](https://meteor.shopware.com/raw/components/badge.md): A compact, non-interactive status label for short, glanceable states. - [Banner](https://meteor.shopware.com/raw/components/banner.md): A persistent, inline message that stays visible in the page layout. - [Button](https://meteor.shopware.com/raw/components/button.md): The standard action trigger for Meteor interfaces. - [Card](https://meteor.shopware.com/raw/components/card.md): A bordered surface that groups related content, metadata, and local actions into one section. - [Chart](https://meteor.shopware.com/raw/components/chart.md): A data visualization for showing how values change over time. - [Checkbox](https://meteor.shopware.com/raw/components/checkbox.md): An independent on or off control for boolean values and multi-select lists. - [Collapsible](https://meteor.shopware.com/raw/components/collapsible.md): An interactive container that expands and collapses related content behind a trigger. - [Colorpicker](https://meteor.shopware.com/raw/components/colorpicker.md): A form field for choosing and editing a color value. - [Data Table](https://meteor.shopware.com/raw/components/data-table.md): A flexible table for displaying large datasets with pagination, sorting, filtering, and row selection. - [Datepicker](https://meteor.shopware.com/raw/components/datepicker.md): A calendar-style input for choosing a date, time, or date range. - [Email Field](https://meteor.shopware.com/raw/components/email-field.md): A form input for entering and validating a single email address. - [Empty State](https://meteor.shopware.com/raw/components/empty-state.md): A placeholder surface that explains why content is missing and helps users take the next useful step. - [Entity Data Table](https://meteor.shopware.com/raw/components/entity-data-table.md): A repository-backed Data Table that owns loading and table state for Admin SDK entity data. - [Entity Select](https://meteor.shopware.com/raw/components/entity-select.md): A repository-backed select that loads its options from an Admin SDK entity repository. - [Floating UI](https://meteor.shopware.com/raw/components/floating-ui.md): A low-level primitive for building custom popover-style surfaces that anchor to a trigger, reposition automatically, and close on outside click. - [Help Text](https://meteor.shopware.com/raw/components/help-text.md): A small help trigger that reveals brief supporting guidance in a tooltip. - [Icon](https://meteor.shopware.com/raw/components/icon.md): An SVG glyph from the Meteor icon kit for interface affordances, status cues, and supporting visuals. - [Link](https://meteor.shopware.com/raw/components/link.md): A text-level navigation control that moves users to another page, route, or destination. - [Loader](https://meteor.shopware.com/raw/components/loader.md): An indeterminate loading indicator shown as a centered spinner overlay. - [Modal](https://meteor.shopware.com/raw/components/modal.md): A dialog that sits above the current page to focus attention on a single task or decision. - [Number Field](https://meteor.shopware.com/raw/components/number-field.md): A numeric input control with optional limits, steps, and stepper controls. - [Pagination](https://meteor.shopware.com/raw/components/pagination.md): A control for moving through larger result sets one page at a time. - [Password Field](https://meteor.shopware.com/raw/components/password-field.md): A masked input for sensitive text that can optionally reveal its value. - [Popover](https://meteor.shopware.com/raw/components/popover.md): An experimental floating surface that reveals contextual settings and nested option views from a trigger. - [Progress Bar](https://meteor.shopware.com/raw/components/progress-bar.md): A determinate progress indicator for tasks with a known current value and maximum. - [Promo Badge](https://meteor.shopware.com/raw/components/promo-badge.md): A specialized Badge for predefined promotional labels such as New, Beta, or Shopware AI. - [Radio Group](https://meteor.shopware.com/raw/components/radio-group.md): A set of mutually exclusive options where users select exactly one visible choice. - [Search](https://meteor.shopware.com/raw/components/search.md): A lightweight input for filtering or finding content in a list, table, or page section. - [Select](https://meteor.shopware.com/raw/components/select.md): A control for choosing one or more values from a list of predefined options. - [Skeleton Bar](https://meteor.shopware.com/raw/components/skeleton-bar.md): A shimmering placeholder block that holds layout while content loads. - [Slider](https://meteor.shopware.com/raw/components/slider.md): A draggable control for choosing a numeric value or range along a scale. - [Snackbar](https://meteor.shopware.com/raw/components/snackbar.md): Temporary overlay feedback shown near the bottom-right corner of the interface for non-critical, short-lived messages. - [Switch](https://meteor.shopware.com/raw/components/switch.md): A direct on or off control for a single binary setting that takes effect immediately. - [Tabs](https://meteor.shopware.com/raw/components/tabs.md): A compact navigation control for switching between related views within the same context. - [Text](https://meteor.shopware.com/raw/components/text.md): The base typography component for body copy, headings, and supporting text. - [Text Editor](https://meteor.shopware.com/raw/components/text-editor.md): A flexible rich text editor for adding WYSIWYG and raw HTML editing to Meteor interfaces. - [Text Field](https://meteor.shopware.com/raw/components/text-field.md): A single-line input for short free-form text values in a form. - [Textarea](https://meteor.shopware.com/raw/components/textarea.md): A multi-line input for longer free-form text in a form. - [Toast](https://meteor.shopware.com/raw/components/toast.md): Short-lived, action-bound feedback that appears briefly to confirm or report the result of something the user just did. - [Tooltip](https://meteor.shopware.com/raw/components/tooltip.md): A floating layer of brief supporting information shown when users hover or focus a trigger element. - [Unit Field](https://meteor.shopware.com/raw/components/unit-field.md): A numeric input combined with a unit selector for measurements. - [URL Field](https://meteor.shopware.com/raw/components/url-field.md): A single-line input for entering and normalizing a web address. - [Inset](https://meteor.shopware.com/raw/utilities/components/inset.md): A layout utility that lets content break out to the edges of a padded container, such as a Card, by consuming the container's inset spacing variables. - [Theme Provider](https://meteor.shopware.com/raw/utilities/components/theme-provider.md): Provides library-wide settings, such as future flags, to the Meteor components beneath it. - [useFutureFlags](https://meteor.shopware.com/raw/utilities/composables/use-future-flags.md): Reads the active future flags inside a component so it can adapt to behavior the application has opted into. - [useSnackbar](https://meteor.shopware.com/raw/utilities/composables/use-snackbar.md): A composable for publishing snackbar notifications from anywhere in your app. - [Tooltip](https://meteor.shopware.com/raw/utilities/directives/tooltip.md): A v-tooltip directive for attaching a tooltip to any element, a lightweight alternative to the Tooltip component. - [Device helper](https://meteor.shopware.com/raw/utilities/plugins/device-helper.md): A Vue plugin that exposes viewport, screen, and platform helpers through a $device instance.