BRAID
Braid Logo
 
  • Releases
  • Gallery
  • Playroom
  • GitHub

Guides

  • Design Workflow
  • Development Workflow
  • Playroom Prototyping
  • Contribution
  • Testing Guide

Foundations

  • Layout
  • Tones
  • Iconography

Examples

  • Job Summary
  • Basic Form
  • Marketing Banner

Components

  • Accordion
  • Actions
  • Alert
  • Autosuggest
  • Badge
  • Bleed
  • Box
  • Button
  • ButtonIcon
    New
  • ButtonLink
  • Card
  • Checkbox
  • Columns
  • ContentBlock
  • Dialog
  • Disclosure
  • Divider
  • Drawer
  • Dropdown
  • FieldLabel
  • FieldMessage
  • Heading
  • Hidden
  • HiddenVisually
  • Inline
  • List
  • Loader
  • MenuItem
  • MenuItemCheckbox
  • MenuItemDivider
  • MenuRenderer
  • MonthPicker
  • Notice
  • OverflowMenu
  • Pagination
  • PasswordField
  • Radio
    Deprecated
  • RadioGroup
  • Rating
  • Secondary
  • Stack
  • Stepper
  • Strong
  • Tabs
  • Tag
  • Text
  • TextDropdown
  • TextField
  • TextLink
  • TextLinkButton
  • Textarea
  • Tiles
  • Toggle
  • TooltipRenderer
  • useToast

CSS

  • vars
  • atoms
  • breakpoints
  • responsiveStyle
  • globalTextStyle
  • globalHeadingStyle

Logic

  • BraidPortal
  • BraidProvider
  • BraidTestProvider
  • Link
  • ThemeNameConsumer
  • useBreakpoint
    Deprecated
  • useColor
  • useResponsiveValue
  • useSpace
  • useThemeName

ContentBlock

  • Details
    Details
  • Props
    Props
  • Releases
    Releases
  • Snippets
    Snippets
Open in Playroom
Provides a container that both centers and constrains the maximum width of the content it wraps.

Maximum width

Use the width prop to adjust the maximum width of the container.
Open in Playroom
BRAID
Braid Logo