Skip to content

Added support for left-aligned radio cards#2657

Open
joelstein wants to merge 1 commit into
livewire:mainfrom
joelstein:feature/left-aligned-radio-cards
Open

Added support for left-aligned radio cards#2657
joelstein wants to merge 1 commit into
livewire:mainfrom
joelstein:feature/left-aligned-radio-cards

Conversation

@joelstein

Copy link
Copy Markdown

The scenario

Users are accustomed to radio buttons with the indicator on the left. I'd like the ability to easily use this convention.

The problem

The indicator prop does not currently support left or start.

The solution

I extended the radio cards variant's indicator prop to accept a position. start/left render the indicator on the left side of the card, while end/right/true keep the existing right-aligned default, and false continues to hide it. The position can be set per card or on the group (inherited via @aware).

Screenshot 2026-06-16 at 7 38 59 AM

Fixes #2654.

Extended the radio "cards" variant's "indicator" prop to accept a
position. "start"/"left" render the indicator on the left side of the
card, while "end"/"right"/true keep the existing right-aligned default
and false continues to hide it. The position can be set per card or on
the group (inherited via @AWare).
@ghabriel25

Copy link
Copy Markdown
Contributor

Hi @joelstein Have you try this with Blaze enabled?

@joelstein

Copy link
Copy Markdown
Author

@ghabriel25 Yes, I tested it with Blaze enabled, and it works correctly.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants