31 packages
@edux-design/accordions
Composable React primitives for building multi-step flows, accordions, and vertical timelines that stay perfectly in sync with the Edux design tokens. The package currently ships the Stepper system: `Stepper`, `Step`, `Label`, `StepContent`, and `Descript
@edux-design/alerts
Composable alert primitives for the Edux design system. The package exports a slotted `<Alert>` container plus `<Alert.Title>`, `<Alert.Body>`, and `<Alert.Close>` helpers so you can describe feedback layouts declaratively while the component handles stru
@edux-design/avatars
Token-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.
@edux-design/breadcrumbs
Accessible breadcrumb primitives with no styling applied.
@edux-design/buttons
Headless-ish button primitives wired to the Edux design tokens. The package ships four components:
@edux-design/cards
Composable card surface primitives (`Card`, `CardHeader`, `CardBody`, `CardFooter`) that respect the Edux spacing, border, and shadow tokens. Use them to wrap forms, summaries, or dashboards without re-implementing the skeleton every time.
@edux-design/chips
Token-driven filter chips that compose existing primitives (like `TagNumber`) without extra props. Each chip renders a pill with a count, label, and optional dismiss control that mirrors the spec in `chips.png`.
@edux-design/chrome
Responsive sidebar primitives (`Sidebar`, `SidebarHeader`, `SidebarSection`, `SidebarItem`, `SidebarFooter`) used to build the application chrome in Edux products. The components manage expand/collapse state, tooltips for the collapsed view, and consisten
@edux-design/comments
Structured comment block for discussion threads, with avatar, metadata, actions, and nested replies.
@edux-design/drawers
Token-aware sliding drawer built on Radix Dialog primitives.
@edux-design/fileupload
Drag-and-drop CSV uploader with async parsing and controlled/uncontrolled file lists. The component keeps the UI minimal while giving consumers full control over accepted file types and header handling.
@edux-design/flex
Lightweight Flexbox primitives with a declarative API, implemented using Tailwind utility classes and small inline styles when useful. Pairs well with `@edux-design/grid` when you need granular control for non-grid layouts.
@edux-design/forms
React form primitives that share a common context so every label, control, and validation message stays connected and accessible. The package powers the `Field`, `Label`, `Input`, `Textarea`, `Checkbox`, `Radio`, `Switch`, and `Feedback` components used a
@edux-design/grid
Responsive Grid components with a declarative API inspired by Zendesk Garden (`@zendeskgarden/react-grid`), implemented with Tailwind classes and lightweight inline styles for dynamic guttering and fractional widths.
@edux-design/icons
SVG icon set for the Edux design system. Every icon is a small React component that accepts standard SVG props (`className`, `width`, `height`, etc.) and inherits `currentColor` so you can tint it with CSS/Tailwind utilities.
@edux-design/links
Standalone link primitive modelled on the breadcrumb link styles, with `asChild` support for SPA routers.
@edux-design/mentions
Inline mention pill for tagging teammates or entities inside text.
@edux-design/menus
Accessible menu primitives built on top of the popover system. The package exports:
@edux-design/modals
Centered modal primitives built on top of Radix Dialog and Edux design tokens.
@edux-design/pagination
Basic pagination component built with native HTML `button` elements and no default styling.
@edux-design/popovers
Thin, design-token-aware wrappers around Radix UI’s popover primitives. Use them directly or via higher-level components (menus, tooltips, etc.).
@edux-design/tables
Unstyled table primitives that let consumers describe table structure declaratively without inheriting any opinionated styles.
@edux-design/tabs
Tabs primitives for the Edux design system.
@edux-design/tags
Compact status chips + color dots wired to the shared design tokens. The package ships two primitives:
@edux-design/toasts
Toast primitives for the Edux design system.