Unstyled Components

Installation

Add the component modules you use:

implementation("com.composables:composeunstyled-button:2.9.2")
implementation("com.composables:composeunstyled-checkbox:2.9.2")
implementation("com.composables:composeunstyled-text-field:2.9.2")

Each component is published as its own module in Compose Unstyled 2.0.0. Use the dependencies from the Installation page to keep each feature module focused on only the APIs it uses.

Components

• Overview
• Avatar
• Bottom Sheet
• Bottom Sheet (Modal)
• Button
• Checkbox
• Checkbox (TriState)
• Dialog
• Disclosure
• Drawer
• Dropdown Menu
• Icon
• Progress Indicator
• Radio Group
• Scrollbars
• Separators
• Slider
• Tab Group
• Text Field
• Toggle Switch
• Tooltip

Styling your components

Every component in Compose Unstyled is renderless. They handle all UX pattern logic, internal state, accessibility (according to ARIA standards), and keyboard interactions for you, but they do not render any UI to the screen.

This is by design so that you can style your components exactly to your needs.

Most of the time, styling is done using Modifiers of your choice. However, sometimes this is not enough due to the order of the Modifiers affecting the visual outcome.

For such cases we provide specific styling parameters.