Skip to content
Primer
ViewComponents
What's new
Design
Interface guidelinesOcticonsPresentationsCommand lineMobileDesktop
Development
CSSReactViewComponents
About
Getting started
ContributingSystem arguments
Components
AvatarAvatarStackBlankslateBorderBoxBoxBreadcrumbButtonButtonGroupButtonMarketingCounterDetailsDropdownDropdownMenuFlashFlexFlexItemHeadingLabelLayoutLinkMenuMarkdownOcticonPopoverProgressBarSpinnerStateSubheadTextTimelineItemTooltipTruncateUnderlineNav
GitHub

Box

Table of contents
  • Examples
    • Default
    • Color and padding
  • Arguments
Stable
View source
Table of contents
  • Examples
    • Default
    • Color and padding
  • Arguments

A basic wrapper component for most layout related needs.

Examples

Default

<%= render(Primer::BoxComponent.new) { "Your content here" } %>

Color and padding

<%= render(Primer::BoxComponent.new(bg: :gray, p: 3)) { "Hello world" } %>

Arguments

NameTypeDefaultDescription
system_argumentsHashN/ASystem arguments
Edit this page on GitHub