x
1
2
3
4
5
<div data-justify="start" data-direction="vertical" data-align="stretch" data-wrap="nowrap" data-padding="none" data-view-component="true" class="Stack"> <div data-view-component="true" class="p-3 color-bg-success rounded-2">First</div> <div data-view-component="true" class="p-3 color-bg-accent rounded-2">Second</div> <div data-view-component="true" class="p-3 color-bg-attention rounded-2">Third</div></div>No notes provided.
1
2
3
4
5
<%= render(Primer::Alpha::Stack.new(**system_arguments)) do %> <%= render(Primer::BaseComponent.new(tag: :div, p: 3, bg: :success, border_radius: 2)) { "First" } %> <%= render(Primer::BaseComponent.new(tag: :div, p: 3, bg: :accent, border_radius: 2)) { "Second" } %> <%= render(Primer::BaseComponent.new(tag: :div, p: 3, bg: :attention, border_radius: 2)) { "Third" } %><% end %>| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|