DOCSEARCHbyAlgolia
Submit Docs

Agnos UI API Reference

website·Indexed 32 days ago

https://www.agnosui.dev/latest/

API documentation for Agnos UI, providing headless and Bootstrap-based component utilities for Svelte, Angular, and React. Includes services for transitions, intersection observers, resize observers, and a variety of headless components such as modals, accordions, drawers, and pagination.

Tokens
252.8K
Snippets
1.2K
Records
2.1K
Agent score
51%

What's inside Agnos UI

  2. Overview of AgnosUI Headless Components for Angular

    AgnosUI provides a headless library for Angular that separates component behavior and accessibility logic from the visual presentation. The headless components examples demonstrate how to implement this logic using DaisyUI for the appearance, allowing developers to create custom components that adhere to accessibility principles while maintaining full control over the styling.

  3. Overview of AgnosUI Bootstrap components for Svelte

    AgnosUI provides a series of ready-to-use Svelte components designed for users of Bootstrap CSS. These components extend standard Bootstrap functionality with additional customization layers and configuration features.

    Components are categorized into two types:

    1. Bootstrap-based components: These rely on and extend Bootstrap CSS.
    2. Standalone components: Components like the Slider and Tree have their own unique styling systems based on CSS variables and can be used even without Bootstrap CSS.

  4. Overview of AgnosUI React Rating component

    The Rating component is standalone and does not require Bootstrap CSS to function. However, it utilizes Bootstrap CSS variables for its colors, meaning it will automatically adopt your custom color palette if Bootstrap is included in your project.

  5. Overview of AgnosUI Svelte Rating Component

    The Rating component is a standalone Svelte component that does not require Bootstrap CSS to function. It uses Bootstrap CSS variables for its coloring, ensuring it automatically adopts your project's color palette if Bootstrap is present, while providing default colors otherwise. For accessibility, the component implements the ARIA slider role.

  6. Overview of AgnosUI Architecture

    AgnosUI is a versatile component library with a core written in pure TypeScript. It separates component state and behavior from the rendering engine, allowing it to provide a consistent user interface across different frameworks. This architecture ensures that core functionalities, fixes, and new features are applied seamlessly across all supported frameworks while maintaining enduring reliability through TypeScript-based unit tests.

  7. Overview of AgnosUI Headless Components for Svelte

    AgnosUI provides a series of headless library examples for Svelte that implement the behavioral logic and accessibility principles for DaisyUI components. These examples demonstrate how to build custom components that maintain the DaisyUI visual style while utilizing AgnosUI's headless logic for functionality.

  8. Overview of AgnosUI Angular Rating Component

    The AgnosUI Rating component is a standalone Angular component used to capture user ratings. It does not require Bootstrap CSS to function, although it utilizes Bootstrap CSS variables for its color palette to ensure visual consistency if Bootstrap is present in the project. The component implements the ARIA slider role for accessibility.

  9. Overview of the Drawer component

    The Drawer component is a standalone UI element that does not require Bootstrap CSS to function. However, it uses Bootstrap CSS variables for its colors, ensuring it integrates with your color palette if Bootstrap is present in your project. All Drawer-related symbols are imported from @agnos-ui/react-bootstrap/components/drawer.

  10. Overview of AgnosUI Angular Slider component

    The AgnosUI Slider is a standalone Angular component. It does not require Bootstrap CSS to function, although it utilizes Bootstrap CSS variables for its color palette to ensure compatibility with Bootstrap themes if they are present in the project.

  11. Overview of AgnosUI Architecture

    AgnosUI is a versatile component library that separates component state and behavior from the rendering engine. The core logic is written in pure TypeScript, ensuring that core functionalities, bug fixes, and new features remain consistent across all supported frameworks. This architecture allows the UI frameworks to be used solely for rendering the UI based on the component state.

  12. Overview of AgnosUI architecture

    AgnosUI is a versatile component library that separates component state and behavior from the rendering engine. The core logic is written in pure TypeScript, ensuring that core functionalities, bug fixes, and new features remain consistent across all supported frameworks (Angular, React, and Svelte). This architecture allows the UI frameworks to act solely as rendering layers based on the component's state.