Components
Reusable interface elements for building consistent user experiences.
Component Philosophy
Our components are designed to be modular, reusable, and accessible. They are built with a focus on usability, flexibility, and consistency. Each component is carefully crafted to solve specific interface problems while maintaining a cohesive visual language.
Buttons
Interactive elements for user actions
Buttons communicate actions that users can take. They are typically placed throughout your UI, in places like dialogs, forms, cards, and toolbars.
View Buttons →Cards
Containers for related content
Cards are surfaces that display content and actions on a single topic. They should be easy to scan for relevant and actionable information.
View Cards →Component Structure
Each component in the Archimede Design System follows a consistent structure:
- Overview: A brief description of the component and its purpose
- Variants: Different versions of the component for different contexts
- Props: The properties that can be passed to the component
- Examples: Code examples showing how to use the component
- Best Practices: Guidelines for using the component effectively
Component Principles
Reusable
Components are designed to be reused across different contexts and applications, promoting consistency and efficiency.
Accessible
Components are built with accessibility in mind, ensuring they can be used by everyone, regardless of ability.
Responsive
Components adapt to different screen sizes and devices, providing a consistent experience across platforms.
Coming Soon
We're continuously expanding our component library. Here are some components that will be added in the future:
- Form Inputs
- Navigation
- Modals and Dialogs
- Tables
- Tabs
- Tooltips