DRAMS design component library - shadcn-style React components
npm install @drams-design/componentsShadcn-style React component library for ONDC portals.
``bash`
pnpm add @drams-design/components @ondc-sdk/shared
| Component | Description |
|-----------|-------------|
| AddButton | Floating action button |AgentChat
| | AI chat interface |DramsButton
| | Styled button component |DramsDropdown
| | Dropdown menu |DramsEmptyState
| | Empty state placeholder |DramsInput
| | Text input field |DramsRadioGroup
| | Radio button group |DramsSelect
| | Select dropdown |DramsSpinner
| | Loading spinner |DramsTabGroup
| | Tab navigation |DramsToggle
| | Toggle switch |FlipCard
| | Flip card animation |PageLayout
| | Page layout wrapper |ProductCard
| | Product display card |RollingSearch
| | Animated search input |
`tsx
import { DramsButton, DramsInput } from '@drams-design/components';
function MyComponent() {
return (
Development
`bash
Install dependencies
pnpm installBuild
pnpm buildWatch mode
pnpm dev
`Design Tokens
Uses design tokens from
@ondc-sdk/shared/design-system`.