Slack UI components examples

Slack

A popover form for creating a new view in a list. It includes a text input for the view name, a radio group styled as cards to select the layout (Table or Board), a dropdown to select a grouping option, and action buttons to cancel or create the view.

• Dropdown menu

Slack

A list of items with people, date, link and status information.

• Table

Slack

A simple alert box informing the user that the feature they are using is a paid feature, currently available during their free trial until a specific date.

• Message

Slack

• Confetti

Slack

A workflow automation interface.

• Query builder

Slack

• Tooltip

Slack

A header section for an onboarding flow, displaying the current step number, a progress bar, a main title, and a brief explanatory description.

• Progress indicator

Slack

• Upgrade your plan

Slack

A three-step horizontal informational stepper explaining a process. Each step features a numbered blue circle, a bold title, and a descriptive paragraph, connected by a dashed line.

• Stepper

Slack

A table displaying account permissions for different user roles.

• Table

Slack

A row of three key performance indicators (KPIs) showing all-time usage metrics. Each KPI includes a title, a large numeric value, a descriptive subtext with a link, and a segmented progress bar indicating usage against a limit.

• Charts

Slack

A header section featuring a title, action icons, and a tabbed navigation bar for filtering content by status.

• Tabs