Components
EthioWDS components are simple and consistent solutions to common user-interface needs.
Find an EthioWDS component
Filter by name and keyword
21 components found
See the installation guide to get started using the Design System.
Button
A button draws attention to important actions with a large selectable surface.
Input
A text input allows users to enter any combination of letters, numbers, or symbols.
Select
A select component allows users to choose one option from a temporary menu.
Checkbox
Checkboxes allow users to select one or more options from a list.
Radio
Radio buttons allow users to select exactly one choice from a group.
Textarea
Multi-line text input for longer content.
Forms
A form allows users to enter information into a page.
Layout
Overall page layout structures and grid systems.
Cards
Cards contain content and actions about a single subject.
Navigation
A header helps users identify where they are and reach main sections of a website.
Pagination
Pagination is navigation for paginated content.
Breadcrumb
Breadcrumbs provide secondary navigation to help users understand where they are.
Tabs
Tabbed navigation to switch between views or sections.
Modal
A modal disables page content and focuses the user's attention on a single task or message.
Alerts
An alert keeps users informed of important and sometimes time-sensitive changes.
Avatar
User profile images and identity indicators.
Badges
Badges draw attention to new or categorized content elements.
Summary
A summary box highlights key information from a longer page or displays next steps.
Progress
Progress bars and indicators show completion or loading state.
Accordion
An accordion is a list of headers that hide or reveal additional content when selected.
Search
Search allows users to find specific content by keyword.
Ready to build with EthioWDS?
Start integrating these components into your Ethiopian web projects. All components are built with accessibility and performance in mind.