Getting Started

Get started with EletroDS Vue 3, the modern design system for Mercado Eletrônico built with Vue 3 and Tailwind CSS.

Installation

Install the package using pnpm:

pnpm add @mercadoeletronico/eds-next

Usage

Import components from the package:

import { Button } from '@mercadoeletronico/eds-next'

Or import individual components:

import Button from '@mercadoeletronico/eds-next/packages/core'

Requirements

• Node.js >= 22.12.0
• pnpm >= 8.0.0
• Vue 3.x

TypeScript Support

EletroDS Vue 3 is built with TypeScript and provides full type definitions. You'll get IntelliSense and type checking out of the box.

import type { ButtonProps } from '@mercadoeletronico/eds-next'

const buttonProps: ButtonProps = {
  variant: 'primary',
  size: 'md',
  disabled: false
}

Tailwind CSS Integration

The components are built with Tailwind CSS. Make sure to include the necessary Tailwind configuration in your project.

Next Steps

• View Components - Explore all available components
• Button Component - Learn about the Button component