Primer CSS Select Menu Right aligned

Primer CSS is a free and open-source CSS framework that is built using the GitHub design system for providing support to the broad spectrum of GitHub websites. It helps in creating the foundation of the basic style elements such as spacing, components, typography, color, etc.

In this article, we'll see about Primer CSS Select Menu Right aligned. A select menu provides support for website navigation, filtering, etc. We can align the select menu to the right using SelectMenu right-* class.

Primer CSS Select Menu Right-aligned Class:

• SelectMenu right-*: This class is used to align the select menu component to the right. The select menu can be aligned to right with the value ranging from 1 to 12.

Syntax:

<div class="SelectMenu right-*">
 ...
</div>

Example 1: Below example demonstrates the Select Menu right-aligned with the margin of 0.

Output:

👁 Primer CSS Select Menu Right aligned

Example 2: Below example demonstrates the Select Menu right-aligned with a margin of 6.

Output:

👁 Primer CSS Select Menu Right aligned

Reference: https://primer.style/#right-aligned