Skip to content

Multiple Alpha components can't be used despite being available in the documentation. #1768

Closed
@maximedegreve

Description

@maximedegreve

Problem

While trying to prototype new layouts using several Alpha components I ran into issues.
I understand those components are still drafts but I think they should be accessible for prototyping in early stages to discover missing patterns and especially when they can be found in our documentation.
If they are not ready at all we should probably hide them from the documentation.

Internally: If we remove/hide them in the package we should find a way to expose those components for early prototyping.

SelectPanel

  • import { SelectPanel } from '@primer/react' doesn't work
  • import { SelectPanel } from '@primer/react/drafts' doesn't work
  • import { SelectPanel } from '@primer/react/lib-esm/drafts' doesn't work
  • There is no information how to import this at all

IconButton

  • Documentation is incorrect as import {IconButton} from '@primer/react/drafts' doesn't work
  • import { IconButton } from '@primer/react/lib/Button2'; loses the styling
  • Only import { IconButton } from "@primer/react/lib-esm/drafts"; works. Sandbox
  • SelectMenu is also totally broken when used with IconButton. Sandbox

See also: Internal Slack thread

SelectMenu

  • Is deprecated so I assumed SelectPanel should be used now despite it being in Alpha and you have to search it to find it.

To Reproduce

  • Use the latest release in your package.json
  • Import any of the above components

Expected behavior

Provide clear instructions on how to import the components or remove it from the documentation when they don't work and aren't ready yet. Including links in our design guidelines.

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingreact

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions