skills.rest
pimcore
pimcoreOFFICIAL
Explore all skills by this author →
Website𝕏@pimcoreGitHub

pimcore-studio-ui-buttons

Standardize Pimcore Studio UI button components with accessibility guidelines.

13|Updated Apr 2, 2026
Search Tags:#accessibility#ui-components#button#pimcore-studio#iconbutton#dropdownbutton
One-click install
npx skills add https://github.com/pimcore/skills --skill pimcore-studio-ui-buttons
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pimcore-studio-ui-buttons
Source: https://github.com/pimcore/skills/tree/main/skills/pimcore-studio-ui-buttons
Command: npx skills add https://github.com/pimcore/skills --skill pimcore-studio-ui-buttons

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Pimcore Studio UI offers a suite of button components (Button, IconButton, IconTextButton, DropdownButton, ButtonGroup). This Skill standardizes usage, clarifies patterns, and documents accessibility and interaction guidelines to speed up development and ensure UI consistency.

Core Features & Use Cases

  • Standardized button types for toolbars, forms, and modals (Button, IconButton, IconTextButton, DropdownButton, ButtonGroup)
  • Accessibility guidelines such as always providing tooltips for icon buttons and keyboard navigation considerations
  • Real-world usage patterns and examples across Pimcore Studio UI bundles

Quick Start

Implement Pimcore Studio UI button components in your bundles to start building consistent, accessible button patterns.

Frequently Asked Questions about pimcore-studio-ui-buttons

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create accessible Pimcore Studio UI buttons for toolbars and modals?▼

Standardize Pimcore Studio UI button development by applying unified usage patterns for Button, IconButton, IconTextButton, DropdownButton, and ButtonGroup. This enforces consistent implementation and accessibility guidelines like tooltips and keyboard navigation across bundles.

What is the best way to implement a DropdownButton in a Pimcore Studio UI bundle?▼

Implement a DropdownButton in Pimcore Studio UI by applying the standardized usage patterns and real-world examples provided for bundles, ensuring consistent interaction guidelines and accessibility practices are met within your forms or toolbars.

Do I need to add tooltips to IconButton components in Pimcore Studio?▼

Yes, you need to add tooltips to IconButton components in Pimcore Studio to comply with enforced accessibility guidelines, ensuring users understand the icon's action even without visible text labels within the interface.

Can I use ButtonGroup to organize multiple actions in Pimcore Studio UI?▼

Yes, you can use ButtonGroup to organize multiple actions in Pimcore Studio UI. It is one of the standardized button components designed to group multiple buttons together consistently within toolbars and modals.

Why does my Pimcore Studio UI button implementation lack keyboard navigation?▼

Your Pimcore Studio UI button implementation lacks keyboard navigation because accessibility guidelines were not applied. Enforce keyboard navigation considerations and standardized interaction patterns to resolve the issue across your bundles.

Related Skills

Explore More Software Engineering Skills→
pimcorepimcore
13

pimcore-studio-ui-notifications-toasts

Centralize toast notifications using the useMessage hook in Pimcore Studio UI.

Official
Intermediate
pimcorepimcore
13

pimcore-studio-ui-i18n

Standardize i18n workflows for Pimcore Studio UI with flat translation keys.

Official
Intermediate
pimcorepimcore
13

pimcore-studio-ui-forms-antd

Create Pimcore Studio forms with FormKit and Ant Design components.

Official
Advanced
pluginagentmarketplacepluginagentmarketplace
1

component-library

Build accessible React component libraries with Storybook and npm publishing workflows.

Community
Advanced