<div class='type'>Compose Modifier</div>

<a id='references'></a>


<h2 id="focusable-enabled-interactionsource">focusable</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
fun Modifier.focusable(
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource? = null,
) =
    this.then(
        if (enabled) {
            FocusableElement(interactionSource)
        } else {
            Modifier
        }
    )
```


Configure component to be focusable via focus system or accessibility "focus" event.

Add this modifier to the element to make it focusable within its bounds.

#### Parameters

| | |
| --- | --- |
| enabled | Controls the enabled state. When `false`, element won't participate in the focus |
| interactionSource | `MutableInteractionSource` that will be used to emit `FocusInteraction.Focus` when this element is being focused. |