Components

EletroDS Vue 3 provides a set of reusable components built with Vue 3 and Tailwind CSS.

Available Components

Button

A button element that can act as a link or trigger an action.

CriterionInput

A component used to compose and edit filters.

Forehead

A document header component used to structure and emphasize important information.

LoginForm

A complete login form component with email/password fields, locale select, remember me, reCAPTCHA slot, and footer links.

Spinner

A loading indicator component with three variations - border, grow, and logo.

Tooltip

A popup that reveals information when hovering over an element.

All EletroDS components share these common features:

All components follow the same design principles and use the EletroDS color palette.

Full type definitions for props, events, and slots.

Built with WCAG guidelines in mind for inclusive user experiences.

Components are designed to work across all screen sizes.