Icon Button

Button variant focused on displaying icons. Make sure to always specify a content description for screen readers.

Preview

Code

import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.composables.icons.lucide.Lucide
import com.composables.icons.lucide.Pencil
import com.composables.uikit.components.Icon
import com.composables.uikit.components.IconButton

@Composable
fun IconButtonExample() {
    IconButton(onClick = { /* TODO */ }) {
        Icon(Lucide.Pencil, contentDescription = "Compose", modifier = Modifier.size(16.dp))
    }
}

Installation

Get access to the source code of all components with a single one-time payment.Buy license ->

Usage

import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.composables.icons.lucide.Lucide
import com.composables.icons.lucide.Pencil
import com.composables.uikit.components.Icon
import com.composables.uikit.components.IconButton

@Composable
fun IconButtonExample() {
    IconButton(onClick = { /* TODO */ }) {
        Icon(Lucide.Pencil, contentDescription = "Compose", modifier = Modifier.size(16.dp))
    }
}