Thickness
Component border thickness
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
)
)
}
}Content copied to clipboard