@alifd/next Documentation

The Menu component provides a list of navigation links for pages and features. It is typically used in two patterns:

1. Top Navigation: Provides global categories and functions.
2. Side Navigation: Provides a multi-level structure to organize and arrange the website architecture.

The Card component is a general-purpose container used to group related information into a distinct block, enhancing the modularity of an interface. It can be used in two modes:

1. Standard Mode: Use props like title, subTitle, media, and actions to configure the card.
2. Free Mode: Set the free prop to true. In this mode, the card relies on sub-components (Card.Header, Card.Content, etc.) for structure, and top-level props like title or subTitle will be ignored.

The Select component is used to replace the native HTML <select> element. It allows users to make a selection from a predefined set of options.

Key distinction:

• Use Select when the core requirement is selection within a limited set of options.
• Use AutoComplete when the core requirement is assisted input (an input field with suggestions).

The Progress component is used to display the current progress and status of an operation that takes a significant amount of time to complete. It is suitable for:

• Background operations that require client-side waiting.
• Operations where a completion percentage needs to be visualized.