llms.txt

PlatformLogo

Набор готовых иконок платформ для селектора продукта и навигации между облаками.

  • EvolutionPlatformLogo
  • AdvancedPlatformLogo
  • EnterprisePlatformLogo
  • MLSpacePlatformLogo
  • PartnerPlatformLogo
  • MarketplacePlatformLogo

Когда использовать

  • Селектор платформы в шапке или боковом меню.
  • Маркировка карточек сервисов по принадлежности к платформе.

Примеры использования

Все платформы

Все платформы
tsx
import {
  AdvancedPlatformLogo,
  EnterprisePlatformLogo,
  EvolutionPlatformLogo,
  MarketplacePlatformLogo,
  MLSpacePlatformLogo,
  PartnerPlatformLogo,
} from '@cloud-ru/ds-uikit-product-header';

export function AllPlatforms() {
  return (
    <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap', alignItems: 'center' }}>
      <AdvancedPlatformLogo data-test-id='platform-logo-advanced' />
      <EnterprisePlatformLogo data-test-id='platform-logo-enterprise' />
      <EvolutionPlatformLogo data-test-id='platform-logo-evolution' />
      <MLSpacePlatformLogo data-test-id='platform-logo-mlspace' />
      <PartnerPlatformLogo data-test-id='platform-logo-partner' />
      <MarketplacePlatformLogo data-test-id='platform-logo-marketplace' />
    </div>
  );
}

Storybook

Открыть в Storybook →

Figma