tsm-ui
Version:
### Welcome to TSM-UI: Your Design System for Modern Web Development
6 lines (5 loc) • 1.79 kB
JavaScript
import{M as a}from"./chunk-HLWAVYOI.fdd61c05.js";import{r as i}from"./index.8dde8ec8.js";import{T as m}from"./TokensGrid.f1cf8e6b.js";import{j as e,a as p,F as d}from"./jsx-runtime.e41c3930.js";import{u as s}from"./index.300adb29.js";import"./iframe.c152d107.js";import"../sb-preview/runtime.js";import"./index.d591fb27.js";import"./_commonjsHelpers.712cc82f.js";import"./react-18.6f784551.js";import"./index.237cf077.js";import"./chunk-ZGA76URP.8d615500.js";import"./index.ec72048c.js";import"./extends.bd401154.js";import"./index.b67ef974.js";import"./index.b38f6aa4.js";function n(o){const r=Object.assign({p:"p",a:"a",img:"img",h1:"h1"},s(),o.components);return p(d,{children:[e(a,{title:"Tokens/Border Radius"}),`
`,e(r.p,{children:e(r.a,{href:"https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-radii.svg",target:"_blank",rel:"nofollow noopener noreferrer",children:e(r.img,{src:"https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-radii.svg",alt:"Radii Tokens"})})}),`
`,e(r.h1,{id:"border-radius",children:"Border Radius"}),`
`,e(r.p,{children:"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."}),`
`,e(m,{tokens:i})]})}function c(o={}){const{wrapper:r}=Object.assign({},s(),o.components);return r?e(r,{...o,children:e(n,{...o})}):n(o)}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const t={title:"Tokens/Border Radius",tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:c};const D=["__page"];export{D as __namedExportsOrder,l as __page,t as default};