CornerRadius

Component border corner radius

Samples

SkapaTheme2(darkTheme = isSystemInDarkTheme()) {
    // Spacing
    Column(
        verticalArrangement = Arrangement.spacedBy(SkapaSpacing.space50),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        // Typography (typesets) and colours tokens
        Text(
            text = "Sample",
            color = SkapaTheme.colors.textAndIcon1,
            style = SkapaTheme.typography.headingXS,
            modifier = Modifier.semantics { heading() }
        )
        // Typography (typeScale)
        Text(
            text = "Description goes here",
            color = SkapaTheme.colors.textAndIcon2,
            style = SkapaTypography.TypeScale.font50.long
        )
        // Spacing, Borders & Colours tokens
        Box(
            modifier = Modifier
                .size(SkapaSpacing.space100)
                .background(color = SkapaTheme.colors.neutral1)
                .border(
                    width = SkapaBorders.Thickness.thicknessThin,
                    color = SkapaTheme.colors.neutral7,
                    shape = SkapaBorders.CornerRadius.radiusS
                )
        )
    }
}

Properties

Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard