docs: sd-navigation-item docs [skip chromatic]

[auroraVasconcelos]

Description:

Definition of Reviewable:

• [ ] Documentation is created/updated
• [ ] Migration Guide is created/updated
• [ ] E2E tests (features, a11y, bug fixes) are created/updated
• [ ] Stories (features, a11y) are created/updated
• [ ] relevant tickets are linked

[coraliefeil]

@auroraVasconcelos I refined the design docs based on code docs rewrite.

Pls see what you needs to be addressed in code to be in sync.

[auroraVasconcelos]

@auroraVasconcelos I refined the design docs based on code docs rewrite.

Pls see what you needs to be addressed in code to be in sync.

Updated

[coraliefeil]

Merci! See comments

[coraliefeil]

I am not sure if this is a Figma Issue or Code, but in Design we have more padding inside the "Vertical Navigation":

FYI: @coraliefeil @MartaPintoTeixeira

"Relaxed" was true in Figma. I’ve turned it off. All good now.

[auroraVasconcelos]

Why is that not an one liner?

Fixed

[smfonseca]

@auroraVasconcelos please reorder the attributes table to be in sync with what is shown below. Also, I think it's worth adding docs for href and target. Thank you

[auroraVasconcelos]

@auroraVasconcelos please reorder the attributes table to be in sync with what is shown below. Also, I think it's worth adding docs for href and target. Thank you

• Attribute table updated.
• href and target are part of the link and separated so docs about it can be found on those sections.

[coraliefeil]

Here was a typo:

Code-only: Use the ”separated attribute”, to have more than only one action.

[coraliefeil]

Pls update:

[auroraVasconcelos]

Pls update:

Updated

[auroraVasconcelos]

Here was a typo:

Code-only: Use the ”separated attribute”, to have more than only one action.

Updated

[coraliefeil]

Approved <3