ui-kit
Component library π
File Explorer
Download Latest Version (.zip)- SKILL.md
- agent-restore-context.sh
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- config.json
- date-calendar-menu-forwardref.md
- README.md
- fix-security-alerts.md
- housekeeping.md
- .gitignore
- settings.json
- skills
- BUG-REPORT.yml
- config.yml
- FEATURE-REQUEST.yml
- add-new-component.md
- bugfix.md
- refactoring.md
- chromatic.yml
- close-inactive-issues.yml
- main.yml
- merge-blocking-labels.yml
- preview-release-on-comment.yml
- publish-release.yml
- release.yml
- renovate-changeset.yml
- CODEOWNERS
- PULL_REQUEST_TEMPLATE.md
- renovate.json
- .gitignore
- commit-msg
- pre-commit
- index.d.ts
- index.d.ts
- index.d.ts
- index.d.ts
- variable-mapping.json
- custom-property-replacer.js
- custom-property-replacer.spec.js
- index.js
- README.md
- definition.yaml
- deprecated-tokens.js
- TOKENS.md
- custom-properties.css
- custom-properties.json
- custom-properties_default.css
- custom-properties_recolouring.css
- resets.css
- generate-design-tokens.js
- design-tokens.ts
- export-types.ts
- icon-utils.ts
- index.ts
- theme-provider.spec.tsx
- theme-provider.stories.tsx
- theme-provider.tsx
- utils.spec.ts
- utils.ts
- version.ts
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- index.ts
- LICENSE
- package.json
- README.md
- cli.mjs
- generate-package-json.ts
- index.ts
- types.ts
- package.json
- package.json
- generate-package-json.spec.ts
- .gitignore
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- cli.mjs
- generate-readme.ts
- gfm-options.ts
- stringify-options.ts
- index.ts
- types.ts
- additional-info.md
- usage-example.js
- avenger.js
- index.js
- package.json
- usage-example.js
- index.ts
- justice-league.tsx
- package.json
- generate-readme.spec.ts
- .gitignore
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- calendar-time.spec.js
- calendar-time.ts
- formats.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- calendar-body.styles.ts
- calendar-body.tsx
- index.ts
- calendar-content.ts
- index.ts
- calendar-day.tsx
- index.ts
- calendar-header.tsx
- index.ts
- messages.ts
- calendar-menu.tsx
- index.ts
- calendar.spec.js
- calendar.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- accessible-hidden.spec.tsx
- accessible-hidden.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- avatar.readme.mdx
- avatar.spec.js
- avatar.stories.tsx
- avatar.styles.ts
- avatar.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- accessible-button.spec.js
- accessible-button.styles.ts
- accessible-button.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- flat-button.readme.mdx
- flat-button.spec.js
- flat-button.stories.tsx
- flat-button.styles.ts
- flat-button.tsx
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- icon-button.readme.mdx
- icon-button.spec.js
- icon-button.stories.tsx
- icon-button.styles.ts
- icon-button.tsx
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- link-button.readme.mdx
- link-button.spec.js
- link-button.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- primary-button.readme.mdx
- primary-button.spec.js
- primary-button.stories.tsx
- primary-button.styles.ts
- primary-button.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- secondary-button.readme.mdx
- secondary-button.spec.js
- secondary-button.stories.tsx
- secondary-button.styles.ts
- secondary-button.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- secondary-icon-button.readme.mdx
- secondary-icon-button.spec.js
- secondary-icon-button.stories.tsx
- secondary-icon-button.styles.ts
- secondary-icon-button.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- card.readme.mdx
- card.spec.tsx
- card.stories.tsx
- card.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.js
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- collapsible.spec.tsx
- collapsible.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- collapsible-motion.readme.mdx
- collapsible-motion.spec.js
- collapsible-motion.stories.tsx
- collapsible-motion.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- collapsible-panel-header.tsx
- collapsible-panel.readme.mdx
- collapsible-panel.spec.js
- collapsible-panel.stories.tsx
- collapsible-panel.styles.tsx
- collapsible-panel.tsx
- export-types.ts
- header-icon.tsx
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- export-types.ts
- horizontal.readme.mdx
- horizontal.spec.tsx
- horizontal.stories.tsx
- horizontal.tsx
- index.ts
- helpers.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- convert-numeric-dimension-to-pixel-value.spec.js
- convert-numeric-dimension-to-pixel-value.ts
- is-fixed-width-value.spec.js
- is-fixed-width-value.ts
- cell.styles.tsx
- cell.tsx
- column-resizer.tsx
- column-resizing-context.ts
- data-row.tsx
- data-table.readme.mdx
- data-table.spec.js
- data-table.stories.tsx
- data-table.styles.tsx
- data-table.tsx
- export-types.ts
- footer.tsx
- header-cell.styles.tsx
- header-cell.tsx
- index.ts
- use-manual-column-resizing-reducer.spec.js
- use-manual-column-resizing-reducer.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- package.json
- package.json
- column-settings-manager.spec.js
- column-settings-manager.tsx
- constants.ts
- export-types.ts
- index.ts
- messages.ts
- custom-settings-manager.spec.js
- custom-settings-manager.tsx
- export-types.ts
- index.ts
- messages.ts
- data-table-manager-provider.tsx
- index.ts
- types.tsx
- data-table-settings.tsx
- index.ts
- messages.ts
- constants.ts
- display-settings-manager.spec.js
- display-settings-manager.tsx
- export-types.ts
- index.ts
- messages.ts
- draggable-tag.spec.js
- draggable-tag.styles.tsx
- draggable-tag.tsx
- export-types.ts
- index.ts
- droppable-panel.spec.js
- droppable-panel.tsx
- export-types.ts
- index.ts
- messages.ts
- tag-container-editable.tsx
- index.ts
- settings-container.tsx
- basic-example.stories.tsx
- custom-layout.stories.tsx
- items-data.ts
- constants.ts
- data-table-manager.readme.mdx
- data-table-manager.spec.js
- data-table-manager.stories.tsx
- data-table-manager.tsx
- export-types.ts
- index.ts
- types.tsx
- version.ts
- CHANGELOG.md
- index.ts
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- dropdown-menu-context.tsx
- index.ts
- dropdown-menu-list-item.tsx
- dropdown-menu-menu.tsx
- index.ts
- dropdown-menu-trigger.tsx
- index.ts
- dropdown-menu.readme.mdx
- dropdown-menu.spec.tsx
- dropdown-menu.stories.tsx
- dropdown-menu.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- export-types.ts
- field-errors.readme.mdx
- field-errors.spec.js
- field-errors.stories.tsx
- field-errors.tsx
- index.ts
- messages.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- export-types.ts
- field-label.readme.mdx
- field-label.spec.js
- field-label.stories.tsx
- field-label.tsx
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- export-types.ts
- field-warning.readme.mdx
- field-warning.stories.tsx
- field-warnings.spec.js
- field-warnings.tsx
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- async-creatable-select-field.readme.mdx
- async-creatable-select-field.spec.js
- async-creatable-select-field.stories.tsx
- async-creatable-select-field.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- async-select-field.readme.mdx
- async-select-field.spec.js
- async-select-field.stories.tsx
- async-select-field.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- creatable-select-field.readme.mdx
- creatable-select-field.spec.js
- creatable-select-field.stories.tsx
- creatable-select-field.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- version.js
- additional-info.md
- usage-example.js
- date-field.readme.mdx
- date-field.spec.js
- date-field.stories.tsx
- date-field.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- date-range-field.readme.mdx
- date-range-field.spec.js
- date-range-field.stories.tsx
- date-range-field.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- date-time-field.readme.mdx
- date-time-field.spec.js
- date-time-field.stories.tsx
- date-time-field.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- localized-multiline-text-field.readme.mdx
- localized-multiline-text-field.spec.js
- localized-multiline-text-field.stories.tsx
- localized-multiline-text-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- localized-text-field.readme.mdx
- localized-text-field.spec.js
- localized-text-field.stories.tsx
- localized-text-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- export-types.ts
- index.ts
- money-field.readme.mdx
- money-field.spec.js
- money-field.stories.tsx
- money-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- multiline-text-field.readme.mdx
- multiline-text-field.spec.js
- multiline-text-field.stories.tsx
- multiline-text-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- messages.ts
- number-field.readme.mdx
- number-field.spec.js
- number-field.stories.tsx
- number-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- messages.ts
- password-field.readme.mdx
- password-field.spec.js
- password-field.stories.tsx
- password-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- radio-field.readme.mdx
- radio-field.spec.js
- radio-field.stories.tsx
- radio-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- search-select-field.readme.mdx
- search-select-field.spec.js
- search-select-field.stories.tsx
- search-select-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additonal-info.md
- usage-example.js
- export-types.ts
- index.ts
- select-field.readme.mdx
- select-field.spec.js
- select-field.stories.tsx
- select-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- text-field.readme.mdx
- text-field.spec.js
- text-field.stories.tsx
- text-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- time-field.readme.mdx
- time-field.spec.js
- time-field.stories.tsx
- time-field.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- badge.spec.tsx
- badge.tsx
- index.ts
- chip.spec.tsx
- chip.tsx
- index.ts
- footer.spec.tsx
- footer.tsx
- index.ts
- messages.ts
- header.spec.tsx
- header.tsx
- index.ts
- index.ts
- trigger-button.spec.tsx
- trigger-button.styles.ts
- trigger-button.tsx
- filter-menu.spec.tsx
- filter-menu.tsx
- index.ts
- constants.tsx
- filters-with-state.tsx
- inputs.tsx
- export-types.ts
- filters.readme.mdx
- filters.spec.tsx
- filters.spec.utils.tsx
- filters.stories.tsx
- filters.tsx
- index.ts
- messages.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- export-types.ts
- grid.readme.mdx
- grid.spec.tsx
- grid.stories.tsx
- grid.tsx
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- package.json
- custom-icon.spec.tsx
- custom-icon.stories.tsx
- custom-icon.styles.ts
- custom-icon.tsx
- export-types.ts
- index.ts
- CustomIconReact.tsx
- raw-svg.js
- xss.js
- AngleDownReact.tsx
- AngleLeftReact.tsx
- AngleRightReact.tsx
- AngleThinLeftReact.tsx
- AngleThinRightReact.tsx
- AngleUpDownReact.tsx
- AngleUpReact.tsx
- ArrowDownReact.tsx
- ArrowLeftReact.tsx
- ArrowLongDownReact.tsx
- ArrowRightReact.tsx
- ArrowsMinimizeReact.tsx
- ArrowsReact.tsx
- ArrowTriangleDownReact.tsx
- ArrowTriangleUpReact.tsx
- ArrowUpReact.tsx
- BackReact.tsx
- BagReact.tsx
- BidirectionalArrowReact.tsx
- BinFilledReact.tsx
- BinLinearReact.tsx
- BoxReact.tsx
- BrainReact.tsx
- CalendarReact.tsx
- CameraReact.tsx
- CaretDownReact.tsx
- CaretDownSmallReact.tsx
- CaretUpReact.tsx
- CaretUpSmallReact.tsx
- CartReact.tsx
- ChainBrokenReact.tsx
- ChainReact.tsx
- CheckActiveReact.tsx
- CheckBoldReact.tsx
- CheckInactiveReact.tsx
- CheckThinReact.tsx
- CircleReact.tsx
- ClipboardReact.tsx
- ClockReact.tsx
- ClockWithArrowReact.tsx
- CloseBoldReact.tsx
- CloseReact.tsx
- CodeViewReact.tsx
- CoinsReact.tsx
- ColumnsReact.tsx
- ConnectedSquareReact.tsx
- ConnectedTriangleReact.tsx
- CopyReact.tsx
- CtCheckoutReact.tsx
- CubeReact.tsx
- CubesReact.tsx
- DiamondReact.tsx
- DomainReact.tsx
- DotReact.tsx
- DownloadReact.tsx
- DragDropReact.tsx
- DragReact.tsx
- EditReact.tsx
- ErrorReact.tsx
- ExpandReact.tsx
- ExportReact.tsx
- ExternalLinkReact.tsx
- EyeCrossedReact.tsx
- EyeReact.tsx
- FilterAndListReact.tsx
- FilterReact.tsx
- FlagFilledReact.tsx
- FlagLinearReact.tsx
- FlameReact.tsx
- FractionDigitsReact.tsx
- FrontendStudioReact.tsx
- GearReact.tsx
- GraduationCapReact.tsx
- GraphReact.tsx
- GridReact.tsx
- GroupAddReact.tsx
- HeartReact.tsx
- HomeReact.tsx
- HubReact.tsx
- ImportReact.tsx
- index.ts
- InfoReact.tsx
- InformationReact.tsx
- LayersReact.tsx
- ListReact.tsx
- ListWithSearchReact.tsx
- LocationReact.tsx
- LockReact.tsx
- LogoutReact.tsx
- MailReact.tsx
- MinimizeReact.tsx
- NestedViewReact.tsx
- OperationsReact.tsx
- PageGearReact.tsx
- PagesReact.tsx
- PaidReact.tsx
- PaperBillInvertedReact.tsx
- PaperclipReact.tsx
- PinFilledReact.tsx
- PinGearReact.tsx
- PinLinearReact.tsx
- PluginReact.tsx
- PlusBoldReact.tsx
- PlusThinReact.tsx
- PrivacyPolicyReact.tsx
- RefreshReact.tsx
- RestoreReact.tsx
- RevertReact.tsx
- ReviewReact.tsx
- RightTriangleFilledReact.tsx
- RightTriangleLinearReact.tsx
- RocketReact.tsx
- ScreenGearReact.tsx
- ScreenUserReact.tsx
- SdkReact.tsx
- SearchReact.tsx
- SidebarCollapseReact.tsx
- SidebarExpandReact.tsx
- SortingReact.tsx
- SparklesReact.tsx
- SpeechBubbleReact.tsx
- SpeedometerReact.tsx
- SplitReact.tsx
- StackReact.tsx
- StarReact.tsx
- SubdirectoryArrowReact.tsx
- SupportReact.tsx
- SwitcherReact.tsx
- TableReact.tsx
- TagMultiReact.tsx
- TagReact.tsx
- TagStackedReact.tsx
- TerminalReact.tsx
- TreeStructureReact.tsx
- TruckReact.tsx
- TuneReact.tsx
- UserFilledReact.tsx
- UserLinearReact.tsx
- UsersReact.tsx
- VerifiedReact.tsx
- ViewGridPlusReact.tsx
- WarningReact.tsx
- WindowEyeReact.tsx
- WorldReact.tsx
- export-types.ts
- index.ts
- inline-svg.stories.tsx
- inline-svg.tsx
- export-types.ts
- index.ts
- leading-icon.spec.tsx
- leading-icon.stories.tsx
- leading-icon.styles.ts
- leading-icon.tsx
- angle-down.react.svg
- angle-left.react.svg
- angle-right.react.svg
- angle-thin-left.react.svg
- angle-thin-right.react.svg
- angle-up-down.react.svg
- angle-up.react.svg
- arrow-down.react.svg
- arrow-left.react.svg
- arrow-long-down.react.svg
- arrow-right.react.svg
- arrow-triangle-down.react.svg
- arrow-triangle-up.react.svg
- arrow-up.react.svg
- arrows-minimize.react.svg
- arrows.react.svg
- back.react.svg
- bag.react.svg
- bidirectional-arrow.react.svg
- bin-filled.react.svg
- bin-linear.react.svg
- box.react.svg
- brain.react.svg
- calendar.react.svg
- camera.react.svg
- caret-down-small.react.svg
- caret-down.react.svg
- caret-up-small.react.svg
- caret-up.react.svg
- cart.react.svg
- chain-broken.react.svg
- chain.react.svg
- check-active.react.svg
- check-bold.react.svg
- check-inactive.react.svg
- check-thin.react.svg
- circle.react.svg
- clipboard.react.svg
- clock-with-arrow.react.svg
- clock.react.svg
- close-bold.react.svg
- close.react.svg
- code-view.react.svg
- coins.react.svg
- columns.react.svg
- connected-square.react.svg
- connected-triangle.react.svg
- copy.react.svg
- ct-checkout.react.svg
- cube.react.svg
- cubes.react.svg
- diamond.react.svg
- domain.react.svg
- dot.react.svg
- download.react.svg
- drag-drop.react.svg
- drag.react.svg
- edit.react.svg
- error.react.svg
- expand.react.svg
- export.react.svg
- external-link.react.svg
- eye-crossed.react.svg
- eye.react.svg
- filter-and-list.react.svg
- filter.react.svg
- flag-filled.react.svg
- flag-linear.react.svg
- flame.react.svg
- fraction-digits.react.svg
- frontend-studio.react.svg
- gear.react.svg
- graduation-cap.react.svg
- graph.react.svg
- grid.react.svg
- group-add.react.svg
- heart.react.svg
- home.react.svg
- hub.react.svg
- import.react.svg
- info.react.svg
- information.react.svg
- layers.react.svg
- list-with-search.react.svg
- list.react.svg
- location.react.svg
- lock.react.svg
- logout.react.svg
- mail.react.svg
- minimize.react.svg
- nested-view.react.svg
- operations.react.svg
- page-gear.react.svg
- pages.react.svg
- paid.react.svg
- paper-bill-inverted.react.svg
- paperclip.react.svg
- pin-filled.react.svg
- pin-gear.react.svg
- pin-linear.react.svg
- plugin.react.svg
- plus-bold.react.svg
- plus-thin.react.svg
- privacy-policy.react.svg
- refresh.react.svg
- restore.react.svg
- revert.react.svg
- review.react.svg
- right-triangle-filled.react.svg
- right-triangle-linear.react.svg
- rocket.react.svg
- screen-gear.react.svg
- screen-user.react.svg
- sdk.react.svg
- search.react.svg
- sidebar-collapse.react.svg
- sidebar-expand.react.svg
- sorting.react.svg
- sparkles.react.svg
- speech-bubble.react.svg
- speedometer.react.svg
- split.react.svg
- stack.react.svg
- star.react.svg
- subdirectory-arrow.react.svg
- support.react.svg
- switcher.react.svg
- table.react.svg
- tag-multi.react.svg
- tag-stacked.react.svg
- tag.react.svg
- terminal.react.svg
- tree-structure.react.svg
- truck.react.svg
- tune.react.svg
- user-filled.react.svg
- user-linear.react.svg
- users.react.svg
- verified.react.svg
- view-grid-plus.react.svg
- warning.react.svg
- window-eye.react.svg
- world.react.svg
- .gitattributes
- export-types.ts
- icon-list.mdx
- icon.readme.mdx
- icons.stories.tsx
- index.ts
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- CONTRIBUTING.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- async-creatable-select-input.readme.mdx
- async-creatable-select-input.spec.js
- async-creatable-select-input.stories.tsx
- async-creatable-select-input.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- async-select-input.readme.mdx
- async-select-input.spec.js
- async-select-input.stories.tsx
- async-select-input.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- CheckedReact.tsx
- IndeterminateReact.tsx
- index.ts
- checked.react.svg
- indeterminate.react.svg
- .gitattributes
- index.ts
- checkbox-input.readme.mdx
- checkbox-input.spec.tsx
- checkbox-input.stories.tsx
- checkbox-input.tsx
- checkbox.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- creatable-select-input.readme.mdx
- creatable-select-input.spec.js
- creatable-select-input.stories.tsx
- creatable-select-input.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- date-input.readme.mdx
- date-input.spec.js
- date-input.stories.tsx
- date-input.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- date-range-input-proxy.tsx
- date-range-input.readme.mdx
- date-range-input.spec.js
- date-range-input.stories.tsx
- date-range-input.tsx
- export-types.ts
- index.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- date-time-input-wrapper.tsx
- date-time-input.readme.mdx
- date-time-input.spec.js
- date-time-input.stories.tsx
- date-time-input.tsx
- export-types.ts
- index.ts
- time-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- localized-input-toggle.spec.js
- localized-input-toggle.tsx
- index.ts
- messages.ts
- index.ts
- messages.ts
- export-types.ts
- index.ts
- multiline-input.styles.ts
- multiline-input.tsx
- accessible-hidden-input.styles.ts
- index.ts
- styles.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- localized-money-input.readme.mdx
- localized-money-input.spec.js
- localized-money-input.stories.tsx
- localized-money-input.tsx
- messages.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- localized-multiline-text-input.readme.mdx
- localized-multiline-text-input.spec.js
- localized-multiline-text-input.stories.tsx
- localized-multiline-text-input.tsx
- required-value-error-message.tsx
- translation-input.styles.ts
- translation-input.tsx
- version.js
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- editor.styles.ts
- editor.tsx
- export-types.ts
- index.ts
- localized-rich-text-input.readme.mdx
- localized-rich-text-input.spec.js
- localized-rich-text-input.stories.tsx
- localized-rich-text-input.tsx
- required-value-error-message.tsx
- rich-text-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- localized-text-input.readme.mdx
- localized-text-input.spec.js
- localized-text-input.stories.tsx
- localized-text-input.styles.ts
- localized-text-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- currencies.ts
- export-types.ts
- index.ts
- messages.ts
- money-input.readme.mdx
- money-input.spec.js
- money-input.stories.tsx
- money-input.styles.ts
- money-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- multiline-text-input.readme.mdx
- multiline-text-input.spec.js
- multiline-text-input.stories.tsx
- multiline-text-input.styles.ts
- multiline-text-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- number-input.readme.mdx
- number-input.spec.js
- number-input.stories.tsx
- number-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- password-input.readme.mdx
- password-input.spec.js
- password-input.stories.tsx
- password-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- radio-group.tsx
- radio-input.readme.mdx
- radio-input.spec.js
- radio-input.stories.tsx
- radio-option.styles.ts
- radio-option.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- editor.styles.ts
- editor.tsx
- export-types.ts
- index.ts
- rich-text-input.readme.mdx
- rich-text-input.spec.js
- rich-text-input.stories.tsx
- rich-text-input.tsx
- version.ts
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- index.ts
- LICENSE
- package.json
- README.md
- html.spec.js
- html.tsx
- index.ts
- index.ts
- is-empty.spec.js
- is-empty.ts
- index.ts
- localized.spec.js
- localized.ts
- BoldReact.tsx
- ExpandFullReact.tsx
- ExpandReact.tsx
- index.ts
- ItalicReact.tsx
- MoreStylesReact.tsx
- OrderedListReact.tsx
- RedoReact.tsx
- StrikethroughReact.tsx
- SubscriptReact.tsx
- SuperscriptReact.tsx
- UnderlineReact.tsx
- UndoReact.tsx
- UnorderedListReact.tsx
- bold.react.svg
- expand-full.react.svg
- expand.react.svg
- italic.react.svg
- more-styles.react.svg
- ordered-list.react.svg
- redo.react.svg
- strikethrough.react.svg
- subscript.react.svg
- superscript.react.svg
- underline.react.svg
- undo.react.svg
- unordered-list.react.svg
- .gitattributes
- index.ts
- divider.ts
- dropdown.styles.tsx
- dropdown.tsx
- export-types.ts
- hidden-input.tsx
- index.ts
- messages.ts
- rich-text-body-button.tsx
- rich-text-body.styles.ts
- rich-text-body.tsx
- slate-buttons.tsx
- index.ts
- slate-helpers.tsx
- tags.ts
- version.ts
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- index.ts
- LICENSE
- package.json
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- messages.ts
- search-select-input.readme.mdx
- search-select-input.spec.js
- search-select-input.stories.tsx
- search-select-input.styles.ts
- search-select-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- search-text-input.readme.mdx
- search-text-input.spec.js
- search-text-input.stories.tsx
- search-text-input.styles.ts
- search-text-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- select-input.readme.mdx
- select-input.spec.js
- select-input.stories.tsx
- select-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- clear-indicator.tsx
- index.ts
- messages.ts
- constants.ts
- custom-styled-select-options.tsx
- index.ts
- options-style-checkbox-components.tsx
- dropdown-indicator.tsx
- index.ts
- index.ts
- search-icon-dropdown-indicator.tsx
- index.ts
- tag-remove.tsx
- index.ts
- wrapper-with-icon.tsx
- create-select-styles.ts
- export-types.ts
- index.ts
- messages.ts
- types.ts
- version.ts
- warning.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- selectable-search-input.readme.mdx
- selectable-search-input.spec.tsx
- selectable-search-input.stories.tsx
- selectable-search-input.styles.ts
- selectable-search-input.tsx
- selectable-select.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- text-input.readme.mdx
- text-input.spec.js
- text-input.stories.tsx
- text-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- export-types.ts
- index.ts
- messages.ts
- time-input-body.styles.ts
- time-input-body.tsx
- time-input.readme.mdx
- time-input.spec.js
- time-input.stories.tsx
- time-input.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- usage-example.js
- export-types.ts
- index.ts
- toggle-input.spec.tsx
- toggle-input.styles.ts
- toggle-input.tsx
- toggle.readme.mdx
- toggle.stories.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- label.readme.mdx
- label.spec.js
- label.stories.tsx
- label.tsx
- required-indicator.spec.js
- required-indicator.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- export-types.ts
- index.ts
- link.readme.mdx
- link.spec.js
- link.stories.tsx
- link.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- export-types.ts
- index.ts
- loading-spinner.readme.mdx
- loading-spinner.spec.js
- loading-spinner.stories.tsx
- loading-spinner.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info-message.spec.js
- additional-info-message.stories.tsx
- additional-info-message.tsx
- export-types.ts
- index.ts
- error-message.spec.js
- error-message.stories.tsx
- error-message.tsx
- export-types.ts
- index.ts
- export-types.ts
- index.ts
- warning-message.spec.js
- warning-message.stories.tsx
- warning-message.tsx
- index.ts
- messages.readme.mdx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- content-notification.spec.js
- content-notification.tsx
- export-types.ts
- index.ts
- index.ts
- notification.readme.mdx
- notification.stories.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- index.ts
- messages.ts
- page-navigator.stories.tsx
- page-navigator.tsx
- utils.ts
- index.ts
- messages.ts
- page-size-selector.stories.tsx
- page-size-selector.tsx
- export-types.ts
- index.ts
- pagination.readme.mdx
- pagination.spec.js
- pagination.stories.tsx
- pagination.tsx
- version.ts
- CHANGELOG.md
- index.js
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- export-types.ts
- index.ts
- option.tsx
- primary-action-dropdown.readme.mdx
- primary-action-dropdown.spec.js
- primary-action-dropdown.stories.tsx
- primary-action-dropdown.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- export-types.ts
- index.ts
- progress-bar.readme.mdx
- progress-bar.spec.js
- progress-bar.stories.tsx
- progress-bar.styles.tsx
- progress-bar.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- description.md
- usage-example.js
- export-types.ts
- index.ts
- quick-filters.readme.mdx
- quick-filters.spec.tsx
- quick-filters.stories.tsx
- quick-filters.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- inline.readme.mdx
- inline.spec.tsx
- inline.stories.tsx
- inline.styles.ts
- inline.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- inset.readme.mdx
- inset.spec.tsx
- inset.stories.tsx
- inset.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- inset-squish.readme.mdx
- inset-squish.spec.tsx
- inset-squish.stories.tsx
- inset-squish.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- export-types.ts
- index.ts
- stack.readme.mdx
- stack.spec.tsx
- stack.stories.tsx
- stack.styles.ts
- stack.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- export-types.ts
- index.ts
- stamp.readme.mdx
- stamp.spec.js
- stamp.stories.tsx
- stamp.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- index.ts
- tag-list.stories.tsx
- tag-list.tsx
- export-types.ts
- index.ts
- tag-body.tsx
- tag.readme.mdx
- tag.spec.js
- tag.stories.tsx
- tag.styles.ts
- tag.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- body.stories.tsx
- caption.stories.tsx
- detail.stories.tsx
- headline.stories.tsx
- subheadline.stories.tsx
- wrap.stories.tsx
- export-types.ts
- index.ts
- text.proxies.tsx
- text.readme.mdx
- text.spec.js
- text.styles.ts
- text.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- usage-example.js
- export-types.ts
- index.ts
- tooltip.readme.mdx
- tooltip.spec.js
- tooltip.stories.tsx
- tooltip.styles.ts
- tooltip.tsx
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- additional-info.md
- description.md
- usage-example.js
- export-types.ts
- index.ts
- version.ts
- view-switcher-button.tsx
- view-switcher.readme.mdx
- view-switcher.spec.tsx
- view-switcher.stories.tsx
- view-switcher.styles.ts
- view-switcher.tsx
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- package.json
- export-types.ts
- index.ts
- use-data-table-sorting-state.spec.js
- use-data-table-sorting-state.ts
- export-types.ts
- index.ts
- use-field-id.spec.js
- use-field-id.ts
- export-types.ts
- index.ts
- use-mutation-observer.ts
- export-types.ts
- index.ts
- use-pagination-state.spec.js
- use-pagination-state.ts
- index.ts
- use-previous.spec.js
- use-previous.ts
- export-types.ts
- index.ts
- use-row-selection.spec.js
- use-row-selection.ts
- export-types.ts
- index.ts
- use-sorting.spec.js
- use-sorting.ts
- index.ts
- use-toggle-state.spec.js
- use-toggle-state.ts
- index.ts
- polyfills.ts
- version.ts
- CHANGELOG.md
- LICENSE
- package.json
- README.md
- core.json
- de.json
- en.json
- es.json
- fr-FR.json
- pt-BR.json
- zh-CN.json
- index.ts
- version.ts
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- index.ts
- LICENSE
- package.json
- README.md
- index.ts
- localized.spec.ts
- localized.ts
- version.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- exenv.ts
- safeHTMLElement.ts
- create-sequential-id.spec.ts
- create-sequential-id.ts
- filter-aria-attributes.spec.ts
- filter-aria-attributes.ts
- filter-data-attributes.spec.ts
- filter-data-attributes.ts
- filter-invalid-attributes.spec.ts
- filter-invalid-attributes.ts
- get-field-id.ts
- index.ts
- is-numberish.spec.ts
- is-numberish.ts
- parse-time.spec.ts
- parse-time.ts
- version.ts
- warn-deprecated-component.ts
- warn-deprecated-prop.ts
- warning.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- index.bundlespec.js
- typescript-react-function-component-props-handler@1.1.1.patch
- index.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- index.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- index.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- index.ts
- spacings.ts
- CHANGELOG.md
- index.ts
- LICENSE
- package.json
- README.md
- index.ts
- version.ts
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- index.ts
- LICENSE
- package.json
- README.md
- build.sh
- build_watch.sh
- check-publint.js
- check-workspace-constraints.js
- create-aggregate-github-release.sh
- create-aggregate-github-release.test.sh
- postinstall.sh
- print_release_version.sh
- version.js
- main.ts
- manager-head.html
- manager-head.prod.html
- manager.ts
- preview-head.html
- preview.tsx
- theme.ts
- postinstall.sh
- prepare-manager-head-file.ts
- border-radius.tsx
- border-width.tsx
- color.tsx
- font-family.tsx
- font-size.tsx
- font-weight.tsx
- index.ts
- line-height.tsx
- shadows.tsx
- spacing.tsx
- transition.tsx
- decision-group.tsx
- icon-search.tsx
- index.ts
- submit-issue-button.tsx
- token-group.tsx
- token-key-val.tsx
- intl-decorator.tsx
- padding-decorator.tsx
- theme-decorator.tsx
- Borders.mdx
- Breakpoints.mdx
- Colors.mdx
- ComponentGroups.mdx
- Constraints.mdx
- Shadows.mdx
- Spacing.mdx
- States.mdx
- Transitions.mdx
- Typography.mdx
- Variants.mdx
- adding-or-improving-a-component.png
- improving-the-documentation.png
- reporting-a-bug.png
- index.mdx
- BackgroundColors.mdx
- BorderColors.mdx
- BorderRadius.mdx
- FontColors.mdx
- Height.mdx
- Shadows.mdx
- Fields.mdx
- Forms.mdx
- Inputs.mdx
- FoundationReadme.mdx
- Home.mdx
- intl-global.ts
- icon-arg-type.tsx
- index.ts
- visual-spec.tsx
- index.css
- InterVariable-Italic.woff2
- InterVariable.woff2
- .gitignore
- CHANGELOG.md
- chromatic.config.json
- package.json
- README.md
- serve.json
- setup-test-framework.js
- setup-tests.js
- test-utils.tsx
- transform-file.js
- icon-names.js
- icon-theme-to-color.js
- react-component-rename-props.js
- README.md
- text-element-type-to-as.js
- .editorconfig
- .env.template
- .gitattributes
- .gitignore
- .kodiak.toml
- .mcp.json
- .npmrc
- .nvmrc
- .prettierignore
- .prettierrc
- .stylelintrc
- AGENTS.md
- ARCHIVED_CHANGELOG.md
- babel-plugin-package-version.js
- babel.config.js
- bundlewatch.config.json
- CHANGELOG.md
- CLAUDE.md
- CODE_OF_CONDUCT.md
- commitlint.config.js
- CONTRIBUTING.md
- eslint.config.js
- jest-preset-mc-app.config.js
- jest-runner-eslint.config.js
- jest.bundle.config.js
- jest.eslint.config.js
- jest.stylelint.config.js
- jest.test.config.js
- jest.ts-test.config.js
- LICENSE
- lint-staged.config.js
- logo.png
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- skills-lock.json
- svgr.config.js
- transifex.yml
- tsconfig.json
- vercel.json
# Installation Guide
1. Get the code
git clone https://github.com/commercetools/ui-kit
Downloads the entire project code from GitHub to your computer.
cd ui-kit
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
cd generators/package-json
This project's files live in a subfolder, so move into it first.
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
// repository documentation
Was this content helpful?
(0 ratings)
