UNPKG

monday-ui-react-core

Version:

Official monday.com UI resources for application development in React.js

82 lines (74 loc) 1.38 kB
export const typographyList = [ { name: "Main", className: "main-title", weight: 500, size: "32px", lineheight: "52px", spacing: -1, comments: "Main header on a page" }, { name: "Title", className: "title", weight: 500, size: "24px", lineheight: "32px", spacing: -0.2, comments: "" }, { name: "Secondary Sub", className: "sub-secondary", weight: 300, size: "24px", lineheight: "32px", spacing: -0.2, comments: "After heading, profile page headings" }, { name: "Subtitle", className: "subtitle", weight: 400, size: "18px", lineheight: "24px", spacing: 0, comments: "Group name, subheading in admin" }, { name: "Paragraph", className: "paragraph", weight: 300, size: "16px", lineheight: "24px", spacing: 0, comments: "Pulse name, text in update" }, { name: "Paragraph Bold", className: "paragraph-bold", weight: 500, size: "16px", lineheight: "24px", spacing: 0, comments: "" }, { name: "Input", className: "input", weight: 400, size: "14px", lineheight: "22px", spacing: 0, comments: "Buttons, forms" }, { name: "Link", className: "link", weight: 400, size: "16px", lineheight: "24px", spacing: 0, comments: "Links" } ];