Back to documentation
Heading
A heading with six different levels that have been configured using a typography scale.
Information
Plan: Personal
Properties
| Property | Type | Default |
|---|---|---|
| Text | string | "Lorem ipsum dolor sit amet" |
| Level | enum<string> | "1" |
| Color | string | "currentColor" |
| Text align | enum<string> | "left" |
| Text shadow | string | "none" |
| Font size - Level 1 | string | "var(--ophixor-semantic-heading-font-size-level-1)" |
| Font size - Level 2 | string | "var(--ophixor-semantic-heading-font-size-level-2)" |
| Font size - Level 3 | string | "var(--ophixor-semantic-heading-font-size-level-3)" |
| Font size - Level 4 | string | "var(--ophixor-semantic-heading-font-size-level-4)" |
| Font size - Level 5 | string | "var(--ophixor-semantic-heading-font-size-level-5)" |
| Font size - Level 6 | string | "var(--ophixor-semantic-heading-font-size-level-6)" |
| Font weight - Level 1 | string | "var(--ophixor-semantic-heading-font-weight-level-1)" |
| Font weight - Level 2 | string | "var(--ophixor-semantic-heading-font-weight-level-2)" |
| Font weight - Level 3 | string | "var(--ophixor-semantic-heading-font-weight-level-3)" |
| Font weight - Level 4 | string | "var(--ophixor-semantic-heading-font-weight-level-4)" |
| Font weight - Level 5 | string | "var(--ophixor-semantic-heading-font-weight-level-5)" |
| Font weight - Level 6 | string | "var(--ophixor-semantic-heading-font-weight-level-6)" |
| Line height - Level 1 | string | "var(--ophixor-semantic-heading-line-height-level-1)" |
| Line height - Level 2 | string | "var(--ophixor-semantic-heading-line-height-level-2)" |
| Line height - Level 3 | string | "var(--ophixor-semantic-heading-line-height-level-3)" |
| Line height - Level 4 | string | "var(--ophixor-semantic-heading-line-height-level-4)" |
| Line height - Level 5 | string | "var(--ophixor-semantic-heading-line-height-level-5)" |
| Line height - Level 6 | string | "var(--ophixor-semantic-heading-line-height-level-6)" |
| Letter spacing - Level 1 | string | "var(--ophixor-semantic-heading-letter-spacing-level-1)" |
| Letter spacing - Level 2 | string | "var(--ophixor-semantic-heading-letter-spacing-level-2)" |
| Letter spacing - Level 3 | string | "var(--ophixor-semantic-heading-letter-spacing-level-3)" |
| Letter spacing - Level 4 | string | "var(--ophixor-semantic-heading-letter-spacing-level-4)" |
| Letter spacing - Level 5 | string | "var(--ophixor-semantic-heading-letter-spacing-level-5)" |
| Letter spacing - Level 6 | string | "var(--ophixor-semantic-heading-letter-spacing-level-6)" |
| Background | string | "none" |
| Background color | string | "transparent" |
| Border color | string | "transparent" |
| Border radius | string | "0px" |
| Border width | string | "0px" |
| Border style | string | "solid" |
| Overflow | string | "visible" |
| Text overflow | string | "clip" |
| Margin | string | "0px" |
| Selectors | array | [] |