Unstyled Component Primitives

Find all available component primitives in Compose Unstyled.

Installation

Add the component modules you use:

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

Each primitive 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.

Component Primitives

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

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.