![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-9f09e940-0c28-48c3-b149-a6abc29230c3-DOCS IMAGE LIGHT.png)
![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-2e72ef6f-071e-4557-b985-54461fa346b7-DOCS IMAGE DARK.png)
Changelog
March 2024
Improvement to Anchors & Code Component
March 22, 2024
Anchors
Anchors are now nested based on header tag (H1 - H6) making it easy for your end users to find the sections and subsections on your page. The right sidebar has been improved to highlight the current anchor being viewed. Clicking on any anchor in the right sidebar will also auto-scroll to that section and open any collapsible items.
The right sidebar highlights which section in the page you are on
The right sidebar highlights which section in the page you are on
We've added a fast way to copy anchor links in the editor to make it as easy as possible to link to sections. When linked to anchors will auto-scroll and open collapsible components if necessary.
The "Component Anchors" section in Umbria's editor
The "Component Anchors" section in Umbria's editor
Code Component
Our Code component got a complete upgrade! We restyled this component with a modern design and included many options for syntax highlighting. These are accessible on the right sidebar under "Edit Component".
The updated Code component is shown below.
Set your syntax highlighting setting in light and dark mode
Set your syntax highlighting setting in light and dark mode
Improvement to Anchors & Code Component
March 22, 2024
Anchors
Anchors are now nested based on header tag (H1 - H6) making it easy for your end users to find the sections and subsections on your page. The right sidebar has been improved to highlight the current anchor being viewed. Clicking on any anchor in the right sidebar will also auto-scroll to that section and open any collapsible items.
The right sidebar highlights which section in the page you are on
The right sidebar highlights which section in the page you are on
We've added a fast way to copy anchor links in the editor to make it as easy as possible to link to sections. When linked to anchors will auto-scroll and open collapsible components if necessary.
The "Component Anchors" section in Umbria's editor
The "Component Anchors" section in Umbria's editor
Code Component
Our Code component got a complete upgrade! We restyled this component with a modern design and included many options for syntax highlighting. These are accessible on the right sidebar under "Edit Component".
The updated Code component is shown below.
Set your syntax highlighting setting in light and dark mode
Set your syntax highlighting setting in light and dark mode
Embedded Inline React Component
March 13, 2024
Now in Umbria you can embed your product's components with inline React! We have created a new component that has both a tab for previewing your component as well as code sections for the React and necessary imports. Take a look at the component below!
Embedded Inline React Component
March 13, 2024
Now in Umbria you can embed your product's components with inline React! We have created a new component that has both a tab for previewing your component as well as code sections for the React and necessary imports. Take a look at the component below!
Changelog
March 2024
Improvement to Anchors & Code Component
March 22, 2024
Anchors
Anchors are now nested based on header tag (H1 - H6) making it easy for your end users to find the sections and subsections on your page. The right sidebar has been improved to highlight the current anchor being viewed. Clicking on any anchor in the right sidebar will also auto-scroll to that section and open any collapsible items.
The right sidebar highlights which section in the page you are on
The right sidebar highlights which section in the page you are on
We've added a fast way to copy anchor links in the editor to make it as easy as possible to link to sections. When linked to anchors will auto-scroll and open collapsible components if necessary.
The "Component Anchors" section in Umbria's editor
The "Component Anchors" section in Umbria's editor
Code Component
Our Code component got a complete upgrade! We restyled this component with a modern design and included many options for syntax highlighting. These are accessible on the right sidebar under "Edit Component".
The updated Code component is shown below.
Set your syntax highlighting setting in light and dark mode
Set your syntax highlighting setting in light and dark mode
Improvement to Anchors & Code Component
March 22, 2024
Anchors
Anchors are now nested based on header tag (H1 - H6) making it easy for your end users to find the sections and subsections on your page. The right sidebar has been improved to highlight the current anchor being viewed. Clicking on any anchor in the right sidebar will also auto-scroll to that section and open any collapsible items.
The right sidebar highlights which section in the page you are on
The right sidebar highlights which section in the page you are on
We've added a fast way to copy anchor links in the editor to make it as easy as possible to link to sections. When linked to anchors will auto-scroll and open collapsible components if necessary.
The "Component Anchors" section in Umbria's editor
The "Component Anchors" section in Umbria's editor
Code Component
Our Code component got a complete upgrade! We restyled this component with a modern design and included many options for syntax highlighting. These are accessible on the right sidebar under "Edit Component".
The updated Code component is shown below.
Set your syntax highlighting setting in light and dark mode
Set your syntax highlighting setting in light and dark mode
Embedded Inline React Component
March 13, 2024
Now in Umbria you can embed your product's components with inline React! We have created a new component that has both a tab for previewing your component as well as code sections for the React and necessary imports. Take a look at the component below!
Embedded Inline React Component
March 13, 2024
Now in Umbria you can embed your product's components with inline React! We have created a new component that has both a tab for previewing your component as well as code sections for the React and necessary imports. Take a look at the component below!
Changelog
March 2024
Improvement to Anchors & Code Component
March 22, 2024
Anchors
Anchors are now nested based on header tag (H1 - H6) making it easy for your end users to find the sections and subsections on your page. The right sidebar has been improved to highlight the current anchor being viewed. Clicking on any anchor in the right sidebar will also auto-scroll to that section and open any collapsible items.
The right sidebar highlights which section in the page you are on
The right sidebar highlights which section in the page you are on
We've added a fast way to copy anchor links in the editor to make it as easy as possible to link to sections. When linked to anchors will auto-scroll and open collapsible components if necessary.
The "Component Anchors" section in Umbria's editor
The "Component Anchors" section in Umbria's editor
Code Component
Our Code component got a complete upgrade! We restyled this component with a modern design and included many options for syntax highlighting. These are accessible on the right sidebar under "Edit Component".
The updated Code component is shown below.
Set your syntax highlighting setting in light and dark mode
Set your syntax highlighting setting in light and dark mode
Improvement to Anchors & Code Component
March 22, 2024
Anchors
Anchors are now nested based on header tag (H1 - H6) making it easy for your end users to find the sections and subsections on your page. The right sidebar has been improved to highlight the current anchor being viewed. Clicking on any anchor in the right sidebar will also auto-scroll to that section and open any collapsible items.
The right sidebar highlights which section in the page you are on
The right sidebar highlights which section in the page you are on
We've added a fast way to copy anchor links in the editor to make it as easy as possible to link to sections. When linked to anchors will auto-scroll and open collapsible components if necessary.
The "Component Anchors" section in Umbria's editor
The "Component Anchors" section in Umbria's editor
Code Component
Our Code component got a complete upgrade! We restyled this component with a modern design and included many options for syntax highlighting. These are accessible on the right sidebar under "Edit Component".
The updated Code component is shown below.
Set your syntax highlighting setting in light and dark mode
Set your syntax highlighting setting in light and dark mode
Embedded Inline React Component
March 13, 2024
Now in Umbria you can embed your product's components with inline React! We have created a new component that has both a tab for previewing your component as well as code sections for the React and necessary imports. Take a look at the component below!
Embedded Inline React Component
March 13, 2024
Now in Umbria you can embed your product's components with inline React! We have created a new component that has both a tab for previewing your component as well as code sections for the React and necessary imports. Take a look at the component below!