COMPONENTS

Bubbles includes a curated library of UI components designed for consistency, reusability, and accessibility. Each component is built using design tokens and layout primitives, ensuring alignment with the overall system. From buttons and inputs to more complex patterns like modals or tables, components are designed to be flexible and adaptable across different use cases. This section presents the core building blocks of the interface, ready to be customized and extended as needed.

Component

Platform

Status

Toast

Web

✅

Button

Web

🚧

Chip

Web

🚧

Badge

Web

🚧

Checkbox

Web

🚧

Button set

Web

🚧

Radio

Web

🚧

Status

This table shows the current status of each component in the system. It helps track progress across design, documentation, and development stages—making it easier for teams to understand what’s ready, what’s in progress, and what’s pending. Each row reflects the maturity of a component and its alignment with the system’s standards.

MW

Maria, student

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Toast

Button (WIP)

Chip (WIP)

Badge (WIP)

Button set (WIP)

Radios (WIP)

Aspect Ratio (WIP)

Focus (WIP)

COMPONENTS

Bubbles includes a curated library of UI components designed for consistency, reusability, and accessibility. Each component is built using design tokens and layout primitives, ensuring alignment with the overall system. From buttons and inputs to more complex patterns like modals or tables, components are designed to be flexible and adaptable across different use cases. This section presents the core building blocks of the interface, ready to be customized and extended as needed.

Component

Platform

Status

Toast

Web

✅

Button

Web

🚧

Chip

Web

🚧

Badge

Web

🚧

Checkbox

Web

🚧

Button set

Web

🚧

Radio

Web

🚧

Status

This table shows the current status of each component in the system. It helps track progress across design, documentation, and development stages—making it easier for teams to understand what’s ready, what’s in progress, and what’s pending. Each row reflects the maturity of a component and its alignment with the system’s standards.

MW

Maria, student

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Toast

Button (WIP)

Chip (WIP)

Badge (WIP)

Button set (WIP)

Radios (WIP)

Aspect Ratio (WIP)

Focus (WIP)

COMPONENTS

Bubbles includes a curated library of UI components designed for consistency, reusability, and accessibility. Each component is built using design tokens and layout primitives, ensuring alignment with the overall system. From buttons and inputs to more complex patterns like modals or tables, components are designed to be flexible and adaptable across different use cases. This section presents the core building blocks of the interface, ready to be customized and extended as needed.

Component

Platform

Status

Toast

Web

✅

Button

Web

🚧

Chip

Web

🚧

Badge

Web

🚧

Checkbox

Web

🚧

Button set

Web

🚧

Radio

Web

🚧

Status

This table shows the current status of each component in the system. It helps track progress across design, documentation, and development stages—making it easier for teams to understand what’s ready, what’s in progress, and what’s pending. Each row reflects the maturity of a component and its alignment with the system’s standards.

MW

Maria, student

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Toast

Button (WIP)

Chip (WIP)

Badge (WIP)

Button set (WIP)

Radios (WIP)

Aspect Ratio (WIP)

Focus (WIP)

COMPONENTS

Bubbles includes a curated library of UI components designed for consistency, reusability, and accessibility. Each component is built using design tokens and layout primitives, ensuring alignment with the overall system. From buttons and inputs to more complex patterns like modals or tables, components are designed to be flexible and adaptable across different use cases. This section presents the core building blocks of the interface, ready to be customized and extended as needed.

Component

Platform

Status

Toast

Web

✅

Button

Web

🚧

Chip

Web

🚧

Badge

Web

🚧

Checkbox

Web

🚧

Button set

Web

🚧

Radio

Web

🚧

Status

This table shows the current status of each component in the system. It helps track progress across design, documentation, and development stages—making it easier for teams to understand what’s ready, what’s in progress, and what’s pending. Each row reflects the maturity of a component and its alignment with the system’s standards.

MW

Maria, student

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Toast

Button (WIP)

Chip (WIP)

Badge (WIP)

Button set (WIP)

Radios (WIP)

Aspect Ratio (WIP)

Focus (WIP)

COMPONENTS

Bubbles includes a curated library of UI components designed for consistency, reusability, and accessibility. Each component is built using design tokens and layout primitives, ensuring alignment with the overall system. From buttons and inputs to more complex patterns like modals or tables, components are designed to be flexible and adaptable across different use cases. This section presents the core building blocks of the interface, ready to be customized and extended as needed.

Component

Platform

Status

Toast

Web

✅

Button

Web

🚧

Chip

Web

🚧

Badge

Web

🚧

Checkbox

Web

🚧

Button set

Web

🚧

Radio

Web

🚧

Status

This table shows the current status of each component in the system. It helps track progress across design, documentation, and development stages—making it easier for teams to understand what’s ready, what’s in progress, and what’s pending. Each row reflects the maturity of a component and its alignment with the system’s standards.

MW

Maria, student

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Toast

Button (WIP)

Chip (WIP)

Badge (WIP)

Button set (WIP)

Radios (WIP)

Aspect Ratio (WIP)

Focus (WIP)