# Siemens Industrial Experience

> Siemens Industrial Experience

This file contains links to documentation sections following the llmstxt.org standard.

## Table of Contents

- [3D chart](https://ix.siemens.io//docs/components/3d/overview.md): 3D charts are a powerful way to visualize data in three dimensions. They provide a more immersive and interactive experience compared to traditiona...
- [About and legal - Code](https://ix.siemens.io//docs/components/about-and-legal/code.md): Code examples and API documentation for the ix-menu-about
- [About and legal - Usage](https://ix.siemens.io//docs/components/about-and-legal/guide.md): Usage guide for the ix-menu-about, ix-menu-about-item
- [Application - Code](https://ix.siemens.io//docs/components/application/code.md): Code examples and API documentation for the ix-application
- [Application - Usage](https://ix.siemens.io//docs/components/application/guide.md): Usage guide for the ix-application
- [Application header - Code](https://ix.siemens.io//docs/components/application-header/code.md): Code examples and API documentation for the ix-application-header
- [Application header - Usage](https://ix.siemens.io//docs/components/application-header/guide.md): Usage guide for the ix-application-header
- [Application menu - Code](https://ix.siemens.io//docs/components/application-menu/code.md): Code examples and API documentation for the ix-menu-settings, ix-menu, ix-menu-item, ix-menu-category, ix-menu-avatar, ix-menu-avatar-item
- [Application menu - Usage](https://ix.siemens.io//docs/components/application-menu/guide.md): Usage guide for the ix-menu-settings, ix-menu, ix-menu-item, ix-menu-category, ix-menu-avatar, ix-menu-avatar-item
- [Avatar - Code](https://ix.siemens.io//docs/components/avatar/code.md): Code examples and API documentation for the ix-avatar
- [Avatar - Usage](https://ix.siemens.io//docs/components/avatar/guide.md): Usage guide for the ix-avatar
- [Bar chart](https://ix.siemens.io//docs/components/bar-chart/overview.md): Bar charts display data using rectangular bars. The length of each bar is proportional to the value it represents. Bar charts are commonly used to ...
- [Blind - Code](https://ix.siemens.io//docs/components/blind/code.md): Code examples and API documentation for the ix-blind
- [Blind - Usage](https://ix.siemens.io//docs/components/blind/guide.md): Usage guide for the ix-blind
- [Breadcrumb - Code](https://ix.siemens.io//docs/components/breadcrumb/code.md): Code examples and API documentation for the ix-breadcrumb, ix-breadcrumb-item
- [Breadcrumb - Usage](https://ix.siemens.io//docs/components/breadcrumb/guide.md): Usage guide for the ix-breadcrumb, ix-breadcrumb-item
- [Button - Code](https://ix.siemens.io//docs/components/button/code.md): Code examples and API documentation for the ix-button
- [Button - Usage](https://ix.siemens.io//docs/components/button/guide.md): Usage guide for the ix-button
- [Card - Code](https://ix.siemens.io//docs/components/card/code.md): Code examples and API documentation for the ix-action-card, ix-push-card, ix-card
- [Card - Usage](https://ix.siemens.io//docs/components/card/guide.md): Usage guide for the ix-action-card, ix-push-card, ix-card
- [Card list - Code](https://ix.siemens.io//docs/components/card-list/code.md): Code examples and API documentation for the ix-card-list
- [Card list - Usage](https://ix.siemens.io//docs/components/card-list/guide.md): Usage guide for the ix-card-list
- [Category filter - Code](https://ix.siemens.io//docs/components/category-filter/code.md): Code examples and API documentation for the ix-category-filter
- [Category filter - Usage](https://ix.siemens.io//docs/components/category-filter/guide.md): Usage guide for the ix-category-filter
- [Overview](https://ix.siemens.io//docs/components/charts-overview/overview.md): Charts are essential tools for visualizing data, making complex information more accessible and easier to understand.
- [Checkbox - Code](https://ix.siemens.io//docs/components/checkbox/code.md): Code examples and API documentation for the ix-checkbox, ix-checkbox-group
- [Checkbox - Usage](https://ix.siemens.io//docs/components/checkbox/guide.md): Usage guide for the ix-checkbox, ix-checkbox-group
- [Chip - Code](https://ix.siemens.io//docs/components/chip/code.md): Code examples and API documentation for the ix-chip
- [Chip - Usage](https://ix.siemens.io//docs/components/chip/guide.md): Usage guide for the ix-chip
- [Content - Code](https://ix.siemens.io//docs/components/content/code.md): Code examples and API documentation for the ix-content
- [Content - Usage](https://ix.siemens.io//docs/components/content/guide.md): Usage guide for the ix-content
- [Content header - Code](https://ix.siemens.io//docs/components/content-header/code.md): Code examples and API documentation for the ix-content-header
- [Content header - Usage](https://ix.siemens.io//docs/components/content-header/guide.md): Usage guide for the ix-content-header
- [Custom field - Code](https://ix.siemens.io//docs/components/custom-field/code.md): Code examples and API documentation for the ix-custom-field
- [Custom field - Usage](https://ix.siemens.io//docs/components/custom-field/guide.md): Usage guide for the ix-custom-field
- [Date dropdown - Code](https://ix.siemens.io//docs/components/date-dropdown/code.md): Code examples and API documentation for the ix-date-dropdown
- [Date picker - Code](https://ix.siemens.io//docs/components/date-picker/code.md): Code examples and API documentation for the ix-date-picker
- [Date picker - Usage](https://ix.siemens.io//docs/components/date-picker/guide.md): ![Date picker anatomy](https://www.figma.com/design/wEptRgAezDU1z80Cn3eZ0o/iX-Documentation-illustrations?node-id=7436-1700&t=BStIEA03mmCLaHAL-4)
- [Date time picker - Code](https://ix.siemens.io//docs/components/date-time-picker/code.md): Code examples and API documentation for the ix-datetime-picker
- [Date time picker - Usage](https://ix.siemens.io//docs/components/date-time-picker/guide.md): ![Date time picker anatomy](https://www.figma.com/design/wEptRgAezDU1z80Cn3eZ0o/iX-Documentation-illustrations?node-id=7440-82856&t=BStIEA03mmCLaHA...
- [Dropdown - Code](https://ix.siemens.io//docs/components/dropdown/code.md): Code examples and API documentation for the ix-dropdown, ix-dropdown-item
- [Dropdown - Usage](https://ix.siemens.io//docs/components/dropdown/guide.md): Usage guide for the ix-dropdown, ix-dropdown-item
- [Dropdown button - Code](https://ix.siemens.io//docs/components/dropdown-button/code.md): Code examples and API documentation for the ix-dropdown-button
- [Dropdown button - Usage](https://ix.siemens.io//docs/components/dropdown-button/guide.md): Usage guide for the ix-dropdown-button
- [Empty state - Code](https://ix.siemens.io//docs/components/empty-state/code.md): Code examples and API documentation for the ix-empty-state
- [Empty state - Language](https://ix.siemens.io//docs/components/empty-state/uxwriting.md): Language guide for the ix-empty-state
- [Event list - Code](https://ix.siemens.io//docs/components/event-list/code.md): Code examples and API documentation for the ix-event-list, ix-event-list-item
- [Expanding search - Code](https://ix.siemens.io//docs/components/expanding-search/code.md): Code examples and API documentation for the ix-expanding-search
- [Flip - Code](https://ix.siemens.io//docs/components/flip/code.md): Code examples and API documentation for the ix-flip-tile
- [Forms field - Code](https://ix.siemens.io//docs/components/forms-field/code.md): Code examples and API documentation for form-ready field components
- [Forms field - Usage](https://ix.siemens.io//docs/components/forms-field/guide.md): Usage guide for the ix-validation-tooltip
- [Forms layout - Code](https://ix.siemens.io//docs/components/forms-layout/code.md): Code examples and API documentation for form layout patterns
- [Forms layout - Usage](https://ix.siemens.io//docs/components/forms-layout/guide.md): Usage guide for the ix-validation-tooltip
- [Forms validation - Code](https://ix.siemens.io//docs/components/forms-validation/code.md): Code examples and API documentation for form validation
- [Forms validation - Usage](https://ix.siemens.io//docs/components/forms-validation/guide.md): Usage guide for the ix-validation-tooltip
- [Gauge chart](https://ix.siemens.io//docs/components/gauge-chart/overview.md): Gauge charts are a type of chart that displays data using a dial or needle to indicate a value within a specific range. Gauge charts are commonly u...
- [Angular data grid - Code](https://ix.siemens.io//docs/components/grid/code.md): Code examples and API documentation for the ix-aggrid
- [Data Grid (AG Grid) - Usage](https://ix.siemens.io//docs/components/grid/guide.md): [AG Grid](https://www.ag-grid.com) displays large datasets with advanced interactive features such as sorting, filtering, and row selection. Use it...
- [Development](https://ix.siemens.io//docs/components/group/code.md): Code examples and API documentation for the ix-group, ix-group-item
- [HTML table - Code](https://ix.siemens.io//docs/components/html-grid/code.md): Code examples and API documentation for the html-table
- [HTML Table - Usage](https://ix.siemens.io//docs/components/html-grid/guide.md): HTML tables display structured, tabular data enabling users to compare, sort, and filter information. In our applications, we use tables to present...
- [Icon button - Code](https://ix.siemens.io//docs/components/icon-button/code.md): Code examples and API documentation for the ix-icon-button
- [Icon button - Usage](https://ix.siemens.io//docs/components/icon-button/guide.md): Usage guide for the ix-icon-button
- [Input - Code](https://ix.siemens.io//docs/components/input/code.md): Code examples and API documentation for the ix-input
- [Input - Usage](https://ix.siemens.io//docs/components/input/guide.md): Usage guide for the ix-input
- [Date input - Code](https://ix.siemens.io//docs/components/input-date/code.md): Code examples and API documentation for the ix-date-input
- [Date input - Usage](https://ix.siemens.io//docs/components/input-date/guide.md): Usage guide for the ix-date-input
- [Date time input - Code](https://ix.siemens.io//docs/components/input-date-time/code.md): import DatetimeInputPlayground from '@site/docs/autogenerated/playground/datetime-input.mdx';
- [Date time input - Usage](https://ix.siemens.io//docs/components/input-date-time/guide.md): ![Date time input overview](https://www.figma.com/design/wEptRgAezDU1z80Cn3eZ0o/iX-Documentation-illustrations?node-id=7441-86110&t=BStIEA03mmCLaHA...
- [Number input - Code](https://ix.siemens.io//docs/components/input-number/code.md): Code examples and API documentation for the ix-number-input
- [Number input - Usage](https://ix.siemens.io//docs/components/input-number/guide.md): Usage guide for the ix-number-input
- [Time input - Code](https://ix.siemens.io//docs/components/input-time/code.md): Code examples and API documentation for the ix-time-input
- [Time input - Usage](https://ix.siemens.io//docs/components/input-time/guide.md): Time inputs are typically used in forms, filters and scheduling tools to ensure consistent and accurate time entries. Standardizing time inputs ens...
- [Key value - Code](https://ix.siemens.io//docs/components/key-value/code.md): Code examples and API documentation for the ix-key-value
- [Key value list - Code](https://ix.siemens.io//docs/components/key-value-list/code.md): Code examples and API documentation for the ix-key-value-list
- [KPI - Code](https://ix.siemens.io//docs/components/kpi/code.md): Code examples and API documentation for the ix-kpi
- [Layout auto - Code](https://ix.siemens.io//docs/components/layout-auto/code.md): Code examples and API documentation for the ix-layout-auto
- [Layout grid - Code](https://ix.siemens.io//docs/components/layout-grid/code.md): Code examples and API documentation for the ix-layout-grid, ix-col
- [Layout grid - Usage](https://ix.siemens.io//docs/components/layout-grid/guide.md): Usage guide for the ix-layout-grid, ix-col
- [Line chart](https://ix.siemens.io//docs/components/line-chart/overview.md): Line charts display data as a series of data points connected by straight line segments. Line charts are commonly used to visualize trends over tim...
- [Link button - Code](https://ix.siemens.io//docs/components/link-button/code.md): Code examples and API documentation for the ix-link-button
- [Link button - Usage](https://ix.siemens.io//docs/components/link-button/guide.md): Usage guide for the ix-link-button
- [Loading modal - code](https://ix.siemens.io//docs/components/loading-modal/code.md): Code examples and API documentation for the ix-modal
- [Loading modal - usage](https://ix.siemens.io//docs/components/loading-modal/guide.md): Usage guide for the ix-modal
- [Code](https://ix.siemens.io//docs/components/message-modal/code.md): Code examples and API documentation for the ix-modal
- [Message modal - usage](https://ix.siemens.io//docs/components/message-modal/guide.md): import { IxButton } from '@siemens/ix-react';
- [Message bar - Code](https://ix.siemens.io//docs/components/messagebar/code.md): Code examples and API documentation for the ix-message-bar
- [Modal - Code](https://ix.siemens.io//docs/components/modal/code.md): Code examples and API documentation for the ix-modal-header
- [Custom modal - Usage](https://ix.siemens.io//docs/components/modal/guide.md): Custom modals present rich, contextual content, e.g. forms, complex workflows or nested interactions that require the user's focus.
- [Components overview](https://ix.siemens.io//docs/components/overview.md): Our design system clusters components into intuitive categories, making it easy to find the right tools for your app design. Explore each section t...
- [Pagination - Code](https://ix.siemens.io//docs/components/pagination/code.md): Code examples and API documentation for the ix-pagination
- [Panes - Code](https://ix.siemens.io//docs/components/panes/code.md): Code examples and API documentation for the ix-pane, ix-pane-layout
- [Panes - Usage](https://ix.siemens.io//docs/components/panes/guide.md): Usage guide for the ix-pane, ix-pane-layout
- [Pie chart](https://ix.siemens.io//docs/components/pie-chart/overview.md): Pie charts display data using a circular graph. The length of each slice is proportional to the value it represents. Pie charts are commonly used t...
- [Pill - Code](https://ix.siemens.io//docs/components/pill/code.md): Code examples and API documentation for the ix-pill
- [Pill - Usage](https://ix.siemens.io//docs/components/pill/guide.md): Usage guide for the ix-pill
- [Popover - Code](https://ix.siemens.io//docs/components/popover/code.md): Code examples and API documentation for the ix-popover
- [Popover - Usage](https://ix.siemens.io//docs/components/popover/guide.md): Usage guide for the ix-popover
- [Popover - Language](https://ix.siemens.io//docs/components/popover/uxwriting.md): Language guide for the ix-popover
- [Popover news - Code](https://ix.siemens.io//docs/components/popover-news/code.md): Code examples and API documentation for the ix-menu-about-news
- [Popover news - Usage](https://ix.siemens.io//docs/components/popover-news/guide.md): Usage guide for the ix-menu-about-news
- [Progress-Indicator - Code](https://ix.siemens.io//docs/components/progress-indicator/code.md): Code examples and API documentation for the ix-progress-indicator
- [Progress indicator - Usage](https://ix.siemens.io//docs/components/progress-indicator/guide.md): Usage guide for the ix-progress-indicator
- [Radio - Code](https://ix.siemens.io//docs/components/radio/code.md): Code examples and API documentation for the ix-radio, ix-radio-group
- [Radio button - Usage](https://ix.siemens.io//docs/components/radio/guide.md): Usage guide for the ix-radio, ix-radio-group
- [Range field - Code](https://ix.siemens.io//docs/components/range-field/code.md): Code examples and API documentation for the ix-range-field
- [Range field - Usage](https://ix.siemens.io//docs/components/range-field/guide.md): Usage guide for the ix-range-field
- [Select - Code](https://ix.siemens.io//docs/components/select/code.md): Code examples and API documentation for the ix-select, ix-select-item
- [Select - Usage](https://ix.siemens.io//docs/components/select/guide.md): Usage guide for the ix-select, ix-select-item
- [Settings - Code](https://ix.siemens.io//docs/components/settings/code.md): Code examples and API documentation for the ix-menu-settings
- [Settings - Usage](https://ix.siemens.io//docs/components/settings/guide.md): Usage guide for the ix-menu-settings, ix-menu-settings-item
- [Slider - Code](https://ix.siemens.io//docs/components/slider/code.md): Code examples and API documentation for the ix-slider
- [Special chart](https://ix.siemens.io//docs/components/special-chart/overview.md): ECharts offer a wide variety of different chart types and features. The following page deals with some of the more special chart types and features.
- [Spinner - Code](https://ix.siemens.io//docs/components/spinner/code.md): Code examples and API documentation for the ix-spinner
- [Split button - Code](https://ix.siemens.io//docs/components/split-button/code.md): Code examples and API documentation for the ix-split-button
- [Split button - Usage](https://ix.siemens.io//docs/components/split-button/guide.md): Usage guide for the ix-split-button
- [Tabs - Code](https://ix.siemens.io//docs/components/tabs/code.md): Code examples and API documentation for the ix-tabs, ix-tab-item
- [Textarea - Code](https://ix.siemens.io//docs/components/textarea/code.md): Code examples and API documentation for the ix-textarea
- [Textarea - Usage](https://ix.siemens.io//docs/components/textarea/guide.md): Usage guide for the ix-textarea
- [Tile - Code](https://ix.siemens.io//docs/components/tile/code.md): Code examples and API documentation for the ix-tile
- [Time picker - Code](https://ix.siemens.io//docs/components/time-picker/code.md): Code examples and API documentation for the ix-time-picker
- [Time picker - Usage](https://ix.siemens.io//docs/components/time-picker/guide.md): Time pickers are primarily used within [time inputs](../input-time) but can also be utilized standalone in applications where direct time selection...
- [Toast - Code](https://ix.siemens.io//docs/components/toast/code.md): Code examples and API documentation for the ix-toast, ix-toast-container
- [Toast - Usage](https://ix.siemens.io//docs/components/toast/guide.md): Usage guide for the ix-toast, ix-toast-container
- [Toast - Language](https://ix.siemens.io//docs/components/toast/language.md): Language guide for the ix-toast
- [Toggle - Code](https://ix.siemens.io//docs/components/toggle/code.md): Code examples and API documentation for the ix-toggle
- [Toggle - Usage](https://ix.siemens.io//docs/components/toggle/guide.md): Usage guide for the ix-toggle
- [Toggle button - Code](https://ix.siemens.io//docs/components/toggle-button/code.md): Code examples and API documentation for the ix-icon-toggle-button, ix-toggle-button
- [Toggle button - Usage](https://ix.siemens.io//docs/components/toggle-button/guide.md): Usage guide for the ix-icon-toggle-button, ix-toggle-button
- [Tooltip - Code](https://ix.siemens.io//docs/components/tooltip/code.md): Code examples and API documentation for the ix-tooltip
- [Tooltip - Language](https://ix.siemens.io//docs/components/tooltip/uxwriting.md): Language guide for the ix-tooltip
- [Tree - Code](https://ix.siemens.io//docs/components/tree/code.md): Code examples and API documentation for the ix-tree, ix-tree-item
- [Upload - Code](https://ix.siemens.io//docs/components/upload/code.md): Code examples and API documentation for the ix-upload
- [Workflow - Code](https://ix.siemens.io//docs/components/workflow/code.md): Code examples and API documentation for the ix-workflow-step, ix-workflow-steps
- [Code](https://ix.siemens.io//docs/guidelines/accessibility/code.md): Developer-focused accessibility guidance for ix design system, with practical code examples and implementation patterns to meet WCAG requirements a...
- [Overview](https://ix.siemens.io//docs/guidelines/accessibility/overview.md): Accessibility ensures that digital products are usable by everyone, including people with disabilities. It is crucial for creating inclusive soluti...
- [Consistent](https://ix.siemens.io//docs/guidelines/cli/consistent.md): CLIs are the same across the whole product, follow our conventions and use our recommended frameworks.
- [Efficient](https://ix.siemens.io//docs/guidelines/cli/efficient.md): Commands are scannable, giving users just the right amount of information at the right time.
- [Getting started with CLI design](https://ix.siemens.io//docs/guidelines/cli/getting-started.md): This guide provides support for CLI creators at Siemens to offer consistent and clear commands that can be easily understood by our customers.
- [Helpful](https://ix.siemens.io//docs/guidelines/cli/helpful.md): CLIs support users by giving suggestions, being empathetic and providing error messages to move them forward.
- [Human](https://ix.siemens.io//docs/guidelines/cli/human.md): Design your commands for humans. Have a conversation. Speak the Siemens brand: Authentic, open and engaging.
- [Logical](https://ix.siemens.io//docs/guidelines/cli/logical.md): Commands guide users through tasks logically and intuitively to remove doubt.
- [Acknowledging users](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/acknowledging-users.md): In conversations, humans like to be acknowledged to shows the other person is listening and understands the situation. When a chatbot acknowledges ...
- [Ad hoc conversations](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/ad-hoc-conversations.md): Even in industrial scenarios, users test and play with chatbots. Some ad hoc interactions can be fun and build relationships between your users and...
- [Confirming requests](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/confirming-request.md): Chatbots in industrial applications are sometimes required to carry out long-lasting and consequential changes to systems. Changing a system incorr...
- [Ending conversations](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/ending-conversations.md): As with any human to human interaction, there’s always an ending to give participants closure and end on a positive note. This is the same for ever...
- [Funneling input](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/funneling-input.md): Sometimes users need to be guided to give more information to get the most accurate and appropriate response. This involves funneling user input by...
- [Greeting users](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/greeting-users.md): Greeting users is a key communicative function as this introduces your chatbot to your users, establishes its voice, and can be used to clarify you...
- [Handing off users](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/handing-off-users.md): Chatbots must hand off their users whenever they’ve failed to clarify what the user wants or reach an accurate response. They should never continue...
- [Handling errors](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/handling-errors.md): When talking about chatbots and the mistakes they make, it’s always talked about handling them ‘gracefully’. However, in industrial situations, the...
- [Overview](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/overview.md): Designing sample conversations support chatbot persona creation and focuses specifically on the user journey. Dialogs should both reflect user jour...
- [Troubleshooting](https://ix.siemens.io//docs/guidelines/conversational-design/designing-conversations/troubleshooting.md): For many industrial applications, chatbots are these to support users with their daily tasks and improve the efficiency of their work. This natural...
- [Natural language](https://ix.siemens.io//docs/guidelines/conversational-design/essentials/natural-language.md): Even in industrial contexts, chatbots or virtual assistants have to interact with their users in a human way. They have to understand the language ...
- [System personas](https://ix.siemens.io//docs/guidelines/conversational-design/essentials/system-presonas.md): System personas refer to the personality of the chatbot. This includes its character, voice and how the chatbot responds and interacts with its users.
- [User intent](https://ix.siemens.io//docs/guidelines/conversational-design/essentials/user-intent.md): User intent refers to the main purpose or goal of users and is directly related to what they want to achieve – whether they’re trying to access inf...
- [Wording and terms](https://ix.siemens.io//docs/guidelines/conversational-design/essentials/wording-terms.md): Although AI chatbots are continuously evolving, many common words within the UI remain the same and have become the norm for agents and chatbots.
- [Getting started with Conversational design](https://ix.siemens.io//docs/guidelines/conversational-design/getting-started.md): Conversational design is the practice of designing AI assistants, chatbots and voice interfaces to communicate with users naturally and intuitively...
- [Language](https://ix.siemens.io//docs/guidelines/conversational-design/language.md): The key to chatbot language use in industrial contexts is simplicity. Use clear and concise grammar and wording for all responses without idiomatic...
- [Overview Conversational design](https://ix.siemens.io//docs/guidelines/conversational-design/overview.md): Communication between users and machines can be text-based, voice-based, or a combination of both. Chatbots are typically designed to communicate w...
- [Chatbot checklist](https://ix.siemens.io//docs/guidelines/conversational-design/resources/chatbot-checklist.md): This subchapter provides a comprehensive guide for creating an industrial chatbot. It outlines essential steps and considerations, from defining th...
- [Links](https://ix.siemens.io//docs/guidelines/conversational-design/resources/links.md): We’ve created a set of useful resources for you to further research the topic of conversational design.
- [UX writing Basics](https://ix.siemens.io//docs/guidelines/language/basics.md): Dive into the fundamental principles of UX writing, where you'll learn how to create text that enhances user experience by being clear, concise, an...
- [Dialogs and buttons](https://ix.siemens.io//docs/guidelines/language/dialogs-and-buttons.md): Discover guidelines for writing dialogs and button labels to ensure clear and actionable instructions. This section helps you create effective prom...
- [Addresses](https://ix.siemens.io//docs/guidelines/language/formatting/addresses.md): In industrial applications, writing addresses clearly and consistently ensures efficient communication and accurate delivery of materials. Properly...
- [Dates](https://ix.siemens.io//docs/guidelines/language/formatting/date.md): Accurate dates and times are essential in industrial settings, serving as the backbone for effective scheduling, seamless coordination, and overall...
- [Measurements and units](https://ix.siemens.io//docs/guidelines/language/formatting/measurements.md): In industrial settings, accurate measurements are vital for ensuring process efficiency, safety and product quality. These measurements range from ...
- [Money and currencies](https://ix.siemens.io//docs/guidelines/language/formatting/money.md): Understanding money and currency is important for designing user interfaces that facilitate financial transactions, licensing, display prices, and ...
- [Names and titles](https://ix.siemens.io//docs/guidelines/language/formatting/names-titles.md): Accurate and consistent use of names and titles is essential for maintaining clear communication and professional integrity. Properly formatted nam...
- [Numbers and percentages](https://ix.siemens.io//docs/guidelines/language/formatting/numbers.md): In industrial settings, numbers and percentages are key to tracking performance, spotting trends, and making informed decisions. As there are many ...
- [Software versions](https://ix.siemens.io//docs/guidelines/language/formatting/software-versions.md): Consistency in writing about versions builds trust and helps users easily track updates and improvements. Semantic versioning is often used to alig...
- [Time and time zones](https://ix.siemens.io//docs/guidelines/language/formatting/timezones.md): Time and time-related guidelines help prevent misunderstandings and errors, especially in global operations where different time zones are involved...
- [Frequent app functions](https://ix.siemens.io//docs/guidelines/language/frequent-app-functions.md): Get tips for naming common app functions clearly and effectively. This subchapter focuses on how to describe frequent actions and features in a way...
- [Grammar and vocabulary](https://ix.siemens.io//docs/guidelines/language/grammar-and-vocabulary.md): Discover the importance of proper grammar and vocabulary in UX writing. This subchapter will guide you on how to use language effectively to create...
- [External links and resources](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/external-links-and-resources.md): External links point users to information outside the application or to other resources. In order to make these links and resources accessible, we ...
- [License management](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/license-management.md): Clear license and subscription management writing reduces user confusion, ensures compliance and builds trust with customers. These guidelines help...
- [Logging in and out](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/logging-in-and-out.md): Consistent login/logout text reduces confusion, builds trust, and improves usability across all user interactions. It is also critical for accurate...
- [Onboarding](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/onboarding.md): Clear onboarding guidance helps users get started quickly, build confidence, and unlock value from day one. Use step-by-step instructions, highligh...
- [Search and filter](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/search-and-filter.md): Industrial applications handle large datasets where users need to find specific elements, parts or documents quickly. Clear, consistent language in...
- [UI terminology](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/ui-terminology.md): Using well-defined terms help users understand actions, navigate systems confidently and avoid confusion. Establishing shared vocabulary across tea...
- [User management](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/user-management.md): User management involves guiding people through tasks like creating accounts, assigning roles and managing software access. Clear, consistent langu...
- [What’s new announcements](https://ix.siemens.io//docs/guidelines/language/menu-functions-and-ui-labels/whats-new-announcements.md): “What’s new” announcements contain text that highlight recent updates, new features or important changes in the latest version of the application. ...
- [Empty-state messages](https://ix.siemens.io//docs/guidelines/language/messaging/empty-state-messages.md): Empty-state messages guide users, reduce confusion, and encourage meaningful action. Rather than leaving screens blank, they provide contextual mes...
- [Error messages](https://ix.siemens.io//docs/guidelines/language/messaging/error-messages.md): Error messages inform users when a system encounters a problem or unexpected condition. Unlike general notifications, error messages must both attr...
- [Error pages](https://ix.siemens.io//docs/guidelines/language/messaging/error-pages.md): Well written error pages transform a potentially frustrating user experience into a clear, helpful one using simple and empathetic words to explain...
- [Infotips](https://ix.siemens.io//docs/guidelines/language/messaging/infotips.md): Infotips are short, context-sensitive messages that appear near user interface elements to offer additional guidance or further context. Infotips o...
- [Overview](https://ix.siemens.io//docs/guidelines/language/messaging/messages-overview.md): The ability to design effective messages is essential for intuitive, user-friendly interfaces that inform and support users. This page explains gen...
- [Non-critical information messages](https://ix.siemens.io//docs/guidelines/language/messaging/non-critical-information-messages.md): Non-critical information messages come from the system and keep users updated on system status, operational changes, or relevant events and informa...
- [Progress updates](https://ix.siemens.io//docs/guidelines/language/messaging/progress-updates.md): While some companies use humorous text like "Chopping the onions…" or "Gathering your dragons…" to give users progress updates, our messages are st...
- [Time-related messages](https://ix.siemens.io//docs/guidelines/language/messaging/time-related-messages.md): Time-related messages help users understand how long processes take. Use clear, specific time frames and pair them with actionable guidance to supp...
- [Toast messages](https://ix.siemens.io//docs/guidelines/language/messaging/toast-messages.md): Toast messages briefly inform users about the outcome of an action. Typically displayed near the bottom or top of the interface, they often close a...
- [Tooltips](https://ix.siemens.io//docs/guidelines/language/messaging/tooltips.md): Tooltips are small, informative pop-up elements that often appear when a user hovers over or focuses on a user interface element. They provide help...
- [Warning messages](https://ix.siemens.io//docs/guidelines/language/messaging/warning-messages.md): Warning messages inform users of potential issues or risks. In industrial environments, warning messages help operators understand, anticipate and ...
- [Proper nouns](https://ix.siemens.io//docs/guidelines/language/proper-nouns.md): Learn the guidelines for using proper nouns correctly in your text. This subchapter will help you understand when and how to capitalize names, bran...
- [Punctuation](https://ix.siemens.io//docs/guidelines/language/punctuation.md): Master the use of punctuation to improve the readability and comprehension of your text. This section covers the rules and best practices for using...
- [AI and UX writing](https://ix.siemens.io//docs/guidelines/language/support-and-resources/AI-and-UX-writing.md): UX writers should use chatbots or agents to rapidly generate and refine microcopy while ensuring all content is checked for accuracy and alignment ...
- [UX writing principles](https://ix.siemens.io//docs/guidelines/language/support-and-resources/UX-writing-principles.md): UX writing principles guide the creation of guidelines and help writers make microcopy decisions every day when creating UI text for industrial app...
- [UX writing resources](https://ix.siemens.io//docs/guidelines/language/support-and-resources/UX-writing-resources.md): This overview brings together the most valuable and openly accessible resources for UX writing. It’s designed to help you broaden your perspective,...
- [UX writer role](https://ix.siemens.io//docs/guidelines/language/support-and-resources/ux-writer-role.md): UX writers shape the language that bring our digital products to life. Through clear, consistent and accurate microcopy (the small, functional piec...
- [Getting started with UX writing](https://ix.siemens.io//docs/guidelines/language/writing-style-guide-getting-started.md): The writing style guide provides support for content designers, writers, designers and developers at Siemens. These are the guidelines we use as Si...
- [Mobile experience](https://ix.siemens.io//docs/guidelines/mobile/mobile-app-dev.md): Use Siemens Industrial Experience to create mobile applications jointly with web technology based approaches easily. With the help of our design sy...
- [Optimizing mobile user experience](https://ix.siemens.io//docs/guidelines/mobile/mobile-ux.md): In this subchapter, we explore the key aspects of responsive and adaptive design to ensure your applications provide an optimal user experience acr...
- [Guidelines overview](https://ix.siemens.io//docs/guidelines/overview.md): Our guidelines section provides comprehensive information to help you create user-friendly and consistent designs. This section covers various aspe...
- [Starter apps](https://ix.siemens.io//docs/home/getting-started/starter-app.md): Build faster with the Siemens Industrial Experience starter app for React, Vue or Angular. It comes with ready-to-use pages, components and necessa...
- [Changelog](https://ix.siemens.io//docs/home/installation/CHANGELOG.md): -   [#1533](https://github.com/siemens/ix/pull/1533) [`3e2835ff8f`](https://github.com/siemens/ix/commit/3e2835ff8f4a66d6b36e1dcf4081ea6409f95e67) ...
- [Angular](https://ix.siemens.io//docs/home/installation/angular.md): Angular is a popular framework for building dynamic web applications. This section guides you through the steps to install and set up our design sy...
- [Blazor](https://ix.siemens.io//docs/home/installation/blazor.md): Blazor is a framework for building interactive web applications using C# and .NET. This section guides you through the steps to install and set up ...
- [Content Security Policy Nonces](https://ix.siemens.io//docs/home/installation/csp.md): import { SinceTag } from '@site/src/components/UI/Tags';
- [Web components](https://ix.siemens.io//docs/home/installation/javascript.md): Web components are a set of web platform APIs that allow you to create reusable and encapsulated custom elements. This section guides you through t...
- [React](https://ix.siemens.io//docs/home/installation/react.md): React is a widely-used library for building user interfaces, particularly single-page applications. This section  guides you through the steps to i...
- [Vue](https://ix.siemens.io//docs/home/installation/vue.md): Vue is a progressive framework for building user interfaces, known for its simplicity and flexibility. This section  guides you through the steps t...
- [Build with AI](https://ix.siemens.io//docs/home/mcp-server.md): Use our Model Context Protocol (MCP) server to give AI assistants (agents) full access to the Siemens Industrial Experience design system documenta...
- [Upgrade to V2](https://ix.siemens.io//docs/home/migration/2_0_0/index.md): Welcome to the migration guide for upgrading from Siemens Industrial Experience design system V1 to V2. This guide introduces all major changes. Th...
- [Upgrade to V3](https://ix.siemens.io//docs/home/migration/3_0_0/index.md): Welcome to the migration guide for upgrading from Siemens Industrial Experience design system V2 to V3. This guide introduces all major changes.
- [Upgrade to V4](https://ix.siemens.io//docs/home/migration/4_0_0/index.md): Welcome to the migration guide for upgrading from Siemens Industrial Experience design system V3 to V4. This guide supports you through all the maj...
- [Upgrade to V5](https://ix.siemens.io//docs/home/migration/5_0_0/index.md): Welcome to the migration guide for upgrading from Siemens Industrial Experience design system V4 to V5. This guide supports you through all the maj...
- [Migration from Core UI 6.5.0](https://ix.siemens.io//docs/home/migration/core-ui.md): Core UI was the predecessor to the Siemens Industrial Experience design system. This section provides detailed instructions on how to migrate from ...
- [Migration from UXT 2.7.0](https://ix.siemens.io//docs/home/migration/uxt.md): For a quick and easy migration without changing your code base, the iX-UXT CSS Theme is prepared for app developers using the CSS from UXT (User Ex...
- [Welcome to Siemens Industrial Experience](https://ix.siemens.io//docs/home/overview.md): Siemens Industrial Experience is an open-source design system for designers and developers to consistently create the perfect digital experience fo...
- [Versioning and releases](https://ix.siemens.io//docs/home/releases/release-version.md): Our Siemens Industrial Experience design team strive to provide a stable and reliable system that is constantly evolving to meet your needs. This s...
- [Roadmap](https://ix.siemens.io//docs/home/releases/roadmap.md): We’re constantly improving our design system for you by extending the component library, developing our user guidance and ensuring the system is re...
- [Contact us](https://ix.siemens.io//docs/home/support/contact-us.md): If you have any questions, feedback, or ideas, we’re here to help. For feature requests and bug tickets, visit our GitHub repository. Siemens emplo...
- [FAQ](https://ix.siemens.io//docs/home/support/faq.md): Welcome to the Industrial Experience design system FAQ. These are your go-to resource for quick and clear answers about Industrial Experience. Whet...
- [Designing new icons](https://ix.siemens.io//docs/icons/design-new-icons.md): When designing new icons beyond the existing library, follow our detailed guidelines to ensure consistency and quality. Be sure to consider both th...
- [Developing with icons](https://ix.siemens.io//docs/icons/developing-with-icons.md): The integration of icons into the code varies by framework. To accommodate the diverse range of potential use cases, external icons can be integrat...
- [Icon library](https://ix.siemens.io//docs/icons/icon-library.md): The Siemens Industrial Experience design system comes with an extensive set of icons made for the industrial context. These icons are designed as i...
- [Icon usage](https://ix.siemens.io//docs/icons/icon-usage.md): Icons are graphical representations of terms, functions or objects. Ideally, we use them together with a descriptive text to make it easier for use...
- [Animations](https://ix.siemens.io//docs/styles/animation.md): We use meaningful animations to make applications appear physically tangible. This way UIs become predictable and interactions easier to follow alo...
- [Borders](https://ix.siemens.io//docs/styles/borders.md): Borders serve as essential visual elements that define boundaries, create structure, and enhance the clarity of user interfaces.
- [Color palette](https://ix.siemens.io//docs/styles/colors.md): The color palette in our design system provides a comprehensive guide to the use of colors, ensuring consistency and accessibility across all compo...
- [Elevation](https://ix.siemens.io//docs/styles/elevation.md): Elevation in our design system defines the perceived distance of a surface from the background along the z-axis, establishing content hierarchy and...
- [Shadows](https://ix.siemens.io//docs/styles/shadows.md): Shadows serve as crucial visual elements that add depth, create dimension, and enhance the perception of hierarchy within your application.
- [Designing with themes](https://ix.siemens.io//docs/styles/theming/usage-designers.md): Siemens Industrial Experience supports theming for all of its components. Our Figma library includes all four embedded themes: Brand dark, Brand li...
- [Developing with themes](https://ix.siemens.io//docs/styles/theming/usage-developers.md): Siemens Industrial Experience supports theming for all of its components. Everyone can use the two embedded themes that already ship with Siemens I...
- [Typography - Code](https://ix.siemens.io//docs/styles/typography/code.md): import Api from '@site/docs/autogenerated/api/ix-typography/api.mdx';
- [Typography - Usage](https://ix.siemens.io//docs/styles/typography/guide.md): import TypographyTable from '@site/src/components/TypographyTable';
- [Typography](https://ix.siemens.io//docs/styles/typography/index.md): Typography is a crucial element of our design system, ensuring readability and visual harmony across all applications. This section offers an overv...