Components
Components
Components are the building blocks of your user interface. Adapt provides a comprehensive library of reusable components based on Material 3, enabling you to create consistent and user-friendly experiences.
This section documents each component in detail, including usage guidelines, API specifications, and examples.
Component Categories
The components are organized into the following categories:
- App Structure: Components that define the overall structure of your application, such as App Bars, Bottom Navigation, and Navigation Drawers.
- Surfaces: Components that create visual containers and surfaces, like Cards, Sheets, and Dialogs.
- Input and Controls: Components for user interaction, including Buttons, Text Fields, Sliders, and Switches.
- Navigation: Components that facilitate navigation within your app, such as Tabs, Bottom Navigation, and Navigation Rails.
- Data Display: Components for displaying information, such as Lists, Image Lists, and Progress Indicators.
- Feedback: Components that provide feedback to the user, like Banners and Snackbars.
- Utility: Components that provide essential functionality, such as Dividers.
Using Components
Each component page provides detailed information on how to use the component, including:
- Overview: A brief description of the component and its purpose.
- Usage Guidelines: Best practices and recommendations for using the component effectively.
- API: Details on the component’s properties, methods, and events (if applicable).
- Examples: Code examples demonstrating how to implement and customize the component.
Contribution Guidelines
We encourage contributions to improve and expand the component library. Please refer to our contribution guidelines for more information.