Manuscript/io.ezard.manuscript.variant/Variant

Variant

@Composable
fun ManuscriptScope.Variant(name: String, block: @Composable () -> Unit)

Register a component variant

The variant API allows you to group together closely-related components (e.g. button & button with icon)

Parameters

name

the name of the variant; this is displayed to the user as a tab

Samples

import androidx.compose.foundation.layout.Row
import androidx.compose.material.Button
import androidx.compose.material.Icon
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.res.painterResource
import io.ezard.manuscript.manuscript.LocalManuscriptData
import io.ezard.manuscript.manuscript.Manuscript
import io.ezard.manuscript.manuscript.ManuscriptScope
fun main() { 
   //sampleStart 
   Manuscript {
    Variant(name = "Button") {
        Button(onClick = {}) {
            Text(text = "Click me!")
        }
    }
    Variant(name = "Button With Icon") {
        Button(onClick = {}) {
            Row {
                Text(text = "Click me!")
                Icon(
                    painter = painterResource(id = android.R.drawable.ic_delete),
                    contentDescription = "",
                )
            }
        }
    }
} 
   //sampleEnd
}