Available components

Info

Section under construction

Warning

Only few components with limited implementations are available at the moment

Foundation

• Themes
  • White
  • Grey10
  • Grey90
  • Grey100
• Typography (IBM Plex)
• Layering

Components

• Button
• Icon button
• Checkbox
• Dropdown
  • Default dropdown
  • Multi-select dropdown
• Loading
  • Default loading
  • Small loading
• Progress bar
  • Default progress bar
  • Indeterminate progress bar
• Radio button
• Tag
  • Read-only tag
• Text input
  • Default text input
  • Text area
  • Password input
• Toggle
  • Default toggle
  • Small toggle

Missing components size options

Some components miss size options depending on the platform.

The main reason is due to accessibility. Some platforms recommend a minimum size for touch targets to be easily clickable.

In Android and iOS, the recommended minimum touch target size is 48x48dp and 44x44pt respectively. As long as Carbon doesn't have an official documentation over the mobile version, the library will follow each platform's guidelines.

Android touch target size iOS UI design

For instance, you will see that the Button component is missing the Small and Medium sizes. The dropdown is also missing the Small and Medium sizes.

Warning

The library still provide sizes for some components that does not comply with accessibility guidelines. They will be removed until the library reaches the 1.0.0 version.