Closed
Description
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 workimport { SelectPanel } from '@primer/react/drafts'
doesn't workimport { 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.