API Reference noora v#0.1.0-rc.2

Modules

Noora is a component library for building web applications with Phoenix LiveView.

An alert component.

A component for rendering an avatar image or initials if an image is not available.

Renders a customizable badge component with various styles, colors, sizes, and optional icons or status indicators.

Renders a customizable banner component for displaying messages with different statuses (primary, error, success, warning, information), optional descriptions, and dismissible functionality. Supports a custom icon when the status is primary.

Renders a breadcrumbs component with.

A component for rendering both standard buttons and link-style buttons, offering flexible styling options for variants, sizes, and icon placement.

ButtonGroup component for Noora UI.

A card component, used to separate content into sections.

A powerful charting component powered by ECharts.

An input checkbox.

Renders a dismiss icon button for closing or removing elements, with customizable size.

Renders a customizable dropdown component with a trigger, menu, and item options, supporting icons, labels, and event handling.

A comprehensive filtering system with dropdown and active filter components.

Represents a filter configuration with its current state.

Renders hint text with an icon, providing contextual information or validation messages with different variants (default, error, disabled).

Icons in use across the Noora design system.

Renders a label with an optional sublabel and a required indicator.

A component for rendering a line divider.

Renders a modal component with customizable headers, content, and footers, supporting various header types, sizes, and event handling.

Pagination group component for paginating with a defined set of pages. Do not use this component for cursor-based pagination.

Progress bar component

A select dropdown component for choosing from a list of options.

Renders a keyboard shortcut key element with customizable size.

A flexible sidebar.

Tab menu components.

Noora's table component.

A tag component.

A component for rendering a text divider.

Renders text input and digit input components with customizable types, labels, placeholders, prefixes, suffixes, and event handling.

A component to render a time.

Renders a tooltip component with a trigger, customizable size, title, description, and optional icon.