رفتن به محتوا
پیوند

لینک

کاربر را به صفحه یا جای دیگری می‌برد.

گونه‌ها و تون‌ها

جهت نمونه‌ها
تم نمونه‌ها
گونهprimaryneutralجاری
inline
پیوند این ترکیب را نمی‌سازد
standalone
پیوند این ترکیب را نمی‌سازد
nav
پیوند این ترکیب را نمی‌سازد
هر جای خالی ترکیبی است که پیوند نمی‌سازد. لینک nav تون نمی‌گیرد و جوهر خودش را دارد. فقط همین لینک حالت جاری دارد.

حالت‌ها

گونهعادیهاورفوکوسفشردن
inline
inline، عادی
inline، هاور
inline، فوکوس
inline، فشردن
standalone
standalone، عادی
standalone، هاور
standalone، فوکوس
standalone، فشردن
nav
nav، عادی
nav، هاور
nav، فوکوس
nav، فشردن
حالت‌ها اینجا ثابت مانده‌اند تا کنار هم دیده شوند. نمونه‌های بالاتر را می‌توانید امتحان کنید.

محتوا

حرکت

حرکت لینک درجاست: رنگ حالت‌هایش در ۱۵۰ میلی‌ثانیه عوض می‌شود و لینک nav با فشردن کمی جمع می‌شود.

ساختار

ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
توکن‌ها
  • رنگcolor-on-surface, color-on-surface-variant, color-primary, color-surface-container
  • تایپوگرافیtypography-label-large-font-size, typography-label-large-font-variation-settings, typography-label-large-font-weight, typography-label-large-letter-spacing, typography-label-large-line-height
  • فاصلهspace-1, space-2, space-3, space-half
  • اندازهicon-size-16, size-control-sm
  • فرم و حاشیهshape-corner-shape, shape-corner-sm, shape-corner-xs
  • حرکتmotion-scale-press-row, motion-transition-fade, motion-transition-press, motion-transition-small
  • فوکوس و حالت‌هاfocus-ring-color-default, focus-ring-offset, focus-ring-width, state-layer-focus, state-layer-hover, state-layer-pressed, state-opacity-disabled-content
به کار رفته در
هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.