UNPKG

tsm-ui

Version:

### Welcome to TSM-UI: Your Design System for Modern Web Development

16 lines (8 loc) • 647 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import { Meta } from "@storybook/addon-docs"; import { radii } from "tokens"; import { TokensGrid } from "../../components/TokensGrid"; <Meta title="Tokens/Border Radius" /> [![Radii Tokens](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-radii.svg)](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-radii.svg) # Border Radius Border radius is a fundamental concept in interface design that refers to the rounding of the corners of an element. It allows you to create visually appealing and softer edges for various components, such as buttons, boxes, cards, and images. <TokensGrid tokens={radii} />