<View direction="row" align="center" justify="center" gap={6}><divstyle={{background: "var(--rs-color-background-neutral)",borderRadius: "var(--rs-unit-radius-small)",width: 60,height: 60,}}/><divstyle={{background: "var(--rs-color-background-neutral)",borderRadius: "var(--rs-unit-radius-medium)",width: 80,height: 80,}}/><divstyle={{background: "var(--rs-color-background-neutral)",borderRadius: "var(--rs-unit-radius-large)",width: 120,height: 120,}}/></View>
Reshaped supports three radius tokens based on the expected size of the components.
--rs-unit-radius-small--rs-unit-radius-medium--rs-unit-radius-large/* Usage */.element {border-radius: var(--rs-unit-radius-medium);}