Foundation

Radius

Property will increase the element consistency and visibility

Radius is the blunt part of the corner of a component that affects the shape and visibility of the content inside. This is the variant of radius we use globally for property the component. You can chek out the guideline for more detail description.

Preview

Shape	Token Name	Pixels
	`?attr/radius1`	2dp
	`?attr/radius2`	4dp
	`?attr/radius3`	6dp
	`?attr/radius4`	8dp
	`?attr/radius5`	12dp
	`?attr/radius6`	16dp
	`?attr/radius7`	24dp
	`?attr/radius8`	30dp

app: cardCornerRadius = '?attr/radius0';
app: cardCornerRadius = '?attr/radius1';
app: cardCornerRadius = '?attr/radius2';
app: cardCornerRadius = '?attr/radius3';
app: cardCornerRadius = '?attr/radius4';
app: cardCornerRadius = '?attr/radius5';
app: cardCornerRadius = '?attr/radius6';
app: cardCornerRadius = '?attr/radius7';
app: cardCornerRadius = '?attr/radius8';

Do you have feedback?

Please let us know to make it better

Send Feedback