Skip to content

PLASMA-8352: add Group component - #3335

Open
vmytnik wants to merge 4 commits into
devfrom
PLASMA-8352.button-group-icon-button
Open

vmytnik wants to merge 4 commits into
devfrom
PLASMA-8352.button-group-icon-button

Conversation

@vmytnik

@vmytnik vmytnik commented Oct 28, 2026

Copy link
Copy Markdown
Collaborator

Core

Group

  • добавлен компонент Group для группировки элементов Button, IconButton и Chip

What/why changed

  • добавлен компонент Group для группировки элементов Button, IconButton и Chip

vmytnik and others added 3 commits October 28, 2026 12:17
Group arranges Button, IconButton and Chip with shared gap, orientation,
segmented inner corners and stretching, without changing their view or size.

Co-authored-by: Cursor <cursoragent@cursor.com>
Cover gap, orientation, shape and stretching for Button, IconButton and Chip
in Chromium and WebKit, and check the public props.

Co-authored-by: Cursor <cursoragent@cursor.com>
Describe gap, orientation, shape and stretching, and publish the page
on each vertical documentation site.

Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitai Bot commented Oct 28, 2026 •

Copy link
Copy Markdown

Important

Review skipped

Too many files!

This PR contains 117 files, which is 17 over the limit of 100.

To get a review, reduce the PR to 100 files or fewer by splitting it into smaller PRs or changing its base branch.

Upgrade to a paid plan to raise the limit.

This review couldn't start because sufficient usage credits or metered capacity aren't available. Add credits or update usage-based reviews in the billing tab, then retry.

Run configuration
  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: bf1fccac-abad-4a71-9cfc-669b677b7f96
Commits

Reviewing files that changed from the base of the PR and between ec33e24 and f5ddb24.

Files ignored due to path filters: 240
  • cypress/snapshots/b2c/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/b2c/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/bizcom/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/cs/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/dfa/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/finai/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/giga/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/homeds/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol-next/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/insol/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/netology/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/os/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/scan/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/serv/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/chromium/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- children chip.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- children icon button.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- children mixed.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- gap=wide.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- orientation=horizontal, gap=none, shape=default, stretching=auto.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- orientation=vertical, gap=dense, shape=segmented, stretching=filled.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- single item keeps its own radius.snap.png is excluded by !**/*.png
  • cypress/snapshots/web/webkit/Group/Group -- stretching filled.snap.png is excluded by !**/*.png
Files selected for processing: 117
  • packages/plasma-b2c/src/components/Group/Group.config.ts
  • packages/plasma-b2c/src/components/Group/Group.stories.tsx
  • packages/plasma-b2c/src/components/Group/Group.tsx
  • packages/plasma-b2c/src/components/Group/index.ts
  • packages/plasma-b2c/src/index.ts
  • packages/plasma-giga/src/components/Group/Group.config.ts
  • packages/plasma-giga/src/components/Group/Group.stories.tsx
  • packages/plasma-giga/src/components/Group/Group.tsx
  • packages/plasma-giga/src/components/Group/index.ts
  • packages/plasma-giga/src/index.ts
  • packages/plasma-homeds/src/components/Group/Group.config.ts
  • packages/plasma-homeds/src/components/Group/Group.stories.tsx
  • packages/plasma-homeds/src/components/Group/Group.tsx
  • packages/plasma-homeds/src/components/Group/index.ts
  • packages/plasma-homeds/src/index.ts
  • packages/plasma-new-hope/src/components/Group/Group.component-test.tsx
  • packages/plasma-new-hope/src/components/Group/Group.styles.ts
  • packages/plasma-new-hope/src/components/Group/Group.template-doc.mdx
  • packages/plasma-new-hope/src/components/Group/Group.tokens.ts
  • packages/plasma-new-hope/src/components/Group/Group.tsx
  • packages/plasma-new-hope/src/components/Group/Group.types.ts
  • packages/plasma-new-hope/src/components/Group/index.ts
  • packages/plasma-new-hope/src/components/Group/variations/_gap/base.ts
  • packages/plasma-new-hope/src/components/Group/variations/_orientation/base.ts
  • packages/plasma-new-hope/src/components/Group/variations/_shape/base.ts
  • packages/plasma-new-hope/src/components/Group/variations/_stretching/base.ts
  • packages/plasma-new-hope/src/examples/components/Group/Group.config.ts
  • packages/plasma-new-hope/src/examples/components/Group/Group.stories.tsx
  • packages/plasma-new-hope/src/examples/components/Group/Group.ts
  • packages/plasma-new-hope/src/index.ts
  • packages/plasma-web/src/components/Group/Group.config.ts
  • packages/plasma-web/src/components/Group/Group.stories.tsx
  • packages/plasma-web/src/components/Group/Group.tsx
  • packages/plasma-web/src/components/Group/index.ts
  • packages/plasma-web/src/index.ts
  • packages/sdds-bizcom/src/components/Group/Group.config.ts
  • packages/sdds-bizcom/src/components/Group/Group.stories.tsx
  • packages/sdds-bizcom/src/components/Group/Group.tsx
  • packages/sdds-bizcom/src/components/Group/index.ts
  • packages/sdds-bizcom/src/index.ts
  • packages/sdds-cs/src/components/Group/Group.config.ts
  • packages/sdds-cs/src/components/Group/Group.stories.tsx
  • packages/sdds-cs/src/components/Group/Group.tsx
  • packages/sdds-cs/src/components/Group/index.ts
  • packages/sdds-cs/src/index.ts
  • packages/sdds-dfa/src/components/Group/Group.config.ts
  • packages/sdds-dfa/src/components/Group/Group.stories.tsx
  • packages/sdds-dfa/src/components/Group/Group.tsx
  • packages/sdds-dfa/src/components/Group/index.ts
  • packages/sdds-dfa/src/index.ts
  • packages/sdds-finai/src/components/Group/Group.config.ts
  • packages/sdds-finai/src/components/Group/Group.stories.tsx
  • packages/sdds-finai/src/components/Group/Group.tsx
  • packages/sdds-finai/src/components/Group/index.ts
  • packages/sdds-finai/src/index.ts
  • packages/sdds-insol-next/src/components/Group/Group.config.ts
  • packages/sdds-insol-next/src/components/Group/Group.stories.tsx
  • packages/sdds-insol-next/src/components/Group/Group.tsx
  • packages/sdds-insol-next/src/components/Group/index.ts
  • packages/sdds-insol-next/src/index.ts
  • packages/sdds-insol/src/components/Group/Group.config.ts
  • packages/sdds-insol/src/components/Group/Group.stories.tsx
  • packages/sdds-insol/src/components/Group/Group.tsx
  • packages/sdds-insol/src/components/Group/index.ts
  • packages/sdds-insol/src/index.ts
  • packages/sdds-netology/src/components/Group/Group.config.ts
  • packages/sdds-netology/src/components/Group/Group.stories.tsx
  • packages/sdds-netology/src/components/Group/Group.tsx
  • packages/sdds-netology/src/components/Group/index.ts
  • packages/sdds-netology/src/index.ts
  • packages/sdds-os/src/components/Group/Group.config.ts
  • packages/sdds-os/src/components/Group/Group.stories.tsx
  • packages/sdds-os/src/components/Group/Group.tsx
  • packages/sdds-os/src/components/Group/index.ts
  • packages/sdds-os/src/index.ts
  • packages/sdds-platform-ai/src/components/Group/Group.config.ts
  • packages/sdds-platform-ai/src/components/Group/Group.stories.tsx
  • packages/sdds-platform-ai/src/components/Group/Group.tsx
  • packages/sdds-platform-ai/src/components/Group/index.ts
  • packages/sdds-platform-ai/src/index.ts
  • packages/sdds-sbcom/src/components/Group/Group.config.ts
  • packages/sdds-sbcom/src/components/Group/Group.stories.tsx
  • packages/sdds-sbcom/src/components/Group/Group.tsx
  • packages/sdds-sbcom/src/components/Group/index.ts
  • packages/sdds-sbcom/src/index.ts
  • packages/sdds-scan/src/components/Group/Group.config.ts
  • packages/sdds-scan/src/components/Group/Group.stories.tsx
  • packages/sdds-scan/src/components/Group/Group.tsx
  • packages/sdds-scan/src/components/Group/index.ts
  • packages/sdds-scan/src/index.ts
  • packages/sdds-serv/src/components/Group/Group.config.ts
  • packages/sdds-serv/src/components/Group/Group.stories.tsx
  • packages/sdds-serv/src/components/Group/Group.tsx
  • packages/sdds-serv/src/components/Group/index.ts
  • packages/sdds-serv/src/index.ts
  • utils/api-tests/src/components/Group/Group.api.test.tsx
  • utils/plasma-sb-utils/src/components/Group/Group.tsx
  • utils/plasma-sb-utils/src/components/Group/fixtures.ts
  • utils/plasma-sb-utils/src/components/Group/index.ts
  • utils/plasma-sb-utils/src/components/Group/meta.ts
  • utils/plasma-sb-utils/src/components/Group/stories.tsx
  • utils/plasma-sb-utils/src/components/index.ts
  • website/plasma-b2c-docs/docs/components/Group.mdx
  • website/plasma-giga-docs/docs/components/layout/Group.mdx
  • website/plasma-homeds-docs/docs/components/layout/Group.mdx
  • website/plasma-web-docs/docs/components/layout/Group.mdx
  • website/sdds-bizcom-docs/docs/components/layout/Group.mdx
  • website/sdds-cs-docs/docs/components/layout/Group.mdx
  • website/sdds-dfa-docs/docs/components/layout/Group.mdx
  • website/sdds-finai-docs/docs/components/layout/Group.mdx
  • website/sdds-insol-docs/docs/components/layout/Group.mdx
  • website/sdds-insol-next-docs/docs/components/layout/Group.mdx
  • website/sdds-netology-docs/docs/components/layout/Group.mdx
  • website/sdds-platform-ai-docs/docs/components/layout/Group.mdx
  • website/sdds-sbcom-docs/docs/components/layout/Group.mdx
  • website/sdds-scan-docs/docs/components/layout/Group.mdx
  • website/sdds-serv-docs/docs/components/layout/Group.mdx

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@vmytnik vmytnik self-assigned this Oct 28, 2026
@github-actions

github-actions Bot commented Oct 28, 2026 •

Copy link
Copy Markdown
Contributor

Documentation preview deployed!

website: https://plasma.sberdevices.ru/pr/pr-3335/
landing: https://plasma.sberdevices.ru/pr/pr-3335/landing/
asdk storybook: https://plasma.sberdevices.ru/pr/pr-3335/asdk-storybook/
b2c storybook: https://plasma.sberdevices.ru/pr/pr-3335/b2c-storybook/
giga storybook: https://plasma.sberdevices.ru/pr/pr-3335/giga-storybook/
homeds storybook: https://plasma.sberdevices.ru/pr/pr-3335/homeds-storybook/
new-hope storybook: https://plasma.sberdevices.ru/pr/pr-3335/new-hope-storybook/
web storybook: https://plasma.sberdevices.ru/pr/pr-3335/web-storybook/
sdds-bizcom storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-bizcom-storybook/
sdds-cs storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-cs-storybook/
sdds-dfa storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-dfa-storybook/
sdds-finai storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-finai-storybook/
sdds-insol storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-insol-storybook/
sdds-insol-next storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-insol-next-storybook/
sdds-netology storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-netology-storybook/
sdds-os storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-os-storybook/
sdds-platform-ai storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-platform-ai-storybook/
sdds-sbcom storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-sbcom-storybook/
sdds-scan storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-scan-storybook/
sdds-serv storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-serv-storybook/
sdds-vc storybook: https://plasma.sberdevices.ru/pr/pr-3335/sdds-vc-storybook/

* @default
* dense
* @description
* Доступные значения: 'none' | 'dense' | 'wide'.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Эти значения из конфига берутся, может уберем их отсюда

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

убрал


export function App() {
return (
<div>

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

В примере Скругление стили на div накинуть, пример не вмещается

Image

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

в колонку расположить

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

сделал, спасибо

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

давай сторисы в sb-utils вынесем, они идентичны

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

да, точно

Use getGroupStories from plasma-sb-utils, stack the shape docs example,
and stop repeating config values in the prop descriptions.

This branch was successfully deployed

1 active deployment
internal — f5ddb24c Deployed Oct 30, 2026 by vmytnik via authorize / Approved #252
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants