Explore the latest EnterUI components through interactive previews.
Try three new React components for everyday product interfaces. These previews use the public EnterUI API and shared styles. They are available in this repository and will ship in the next package release.
Keep prefixes, units, and actions in one input surface. Edit the domain and select Check to inspect its value.
A prefix, editable input, and inline action.
The prefix and action share one input surface.
Choose a country or paste an international number. The preview shows a normalized value for valid numbers and formats the display when you leave the field. The country selector and phone field share the same medium-radius shape as other EnterUI inputs. The country list uses EnterUI's keyboard-accessible, non-modal menu.
Country selection and personal phone number formatting.
Choose a country, then enter or paste a phone number.
Valid numbers format on blur. This preview does not send or verify the number.
Open the image to try next/previous navigation, zoom, scrolling, and Escape to close. Arrow keys switch images.
Click the image to open its gallery.
A quiet place to build your next product.
Import from @froggdesign/enter-ui-react and load @froggdesign/enter-ui-react/styles.css once. Each component supports light/dark themes and narrow screens. Their dedicated pages include runnable previews, public props, and keyboard behavior. These additions currently belong to the React renderer; the SolidJS package has not gained these exports.
Comparison: @froggdesign/enter-ui-react 0.7.0, documented in the package
release history. These additions are repository changes for the next release.
Previously, CommandMenu rows contained a single content slot and documentation
search used its own dialog markup and CSS. The updated component supports
leadingIcon, description, metadata, native or routing-aware links, trailing
input actions, optional first-result selection, and CommandMenuFooter keyboard
hints. Documentation search now consumes these public APIs with no popup style
overrides. React is supported; these additions are not exported by SolidJS.
Existing action rows and manual initial selection remain supported. Use
autoSelect for search results and as={Link} with href for client navigation.
Descriptions, categories, and a persistent keyboard-hint footer.
