UI Components Demo

TeleLink UI component library showcase

Buttons

Various button styles and sizes

Inputs

Form input components

Password

Must be at least 8 characters

Error Example

This field is required

Select Option

Badges

Status and label badges

Default

Primary

Secondary

Success

Warning

Danger

Alerts

Notification and message alerts

Default Alert

This is a default alert message.

Info Alert

This is an informational message.

Success Alert

Your action was completed successfully.

Warning Alert

Please review this warning message.

Danger Alert

An error occurred. Please try again.

Spinners

Loading indicators

Modal

Dialog and modal windows

Empty States

Empty state components for various scenarios

Workspaces Empty State

No workspaces yet

Get started by creating your first workspace. Workspaces help you organize subscribed feeds and their sources for personal use.

Personal Use Notice

Personal use only

This workspace is private to your account. Sharing and collaboration features are disabled.

Sources Empty State

No sources configured

Subscribe to one or more curated feeds to add sources to this workspace.

Search Empty State (No Action)

No results found

Try adjusting your search terms or filters to find what you're looking for.

Error Empty State

Something went wrong

We couldn't load the data. Please try again later.

Card Example

This is a card component with header, content, and footer

Cards are versatile containers for grouping related content and actions.