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

ThemeNameConsumer

  • Details
    Details
  • Props
    Props
  • Releases
    Releases
The active theme is apac.
<ThemeNameConsumer>
  {(themeName) => (
    <Text>
      The active theme is <Strong>{themeName}</Strong>.
    </Text>
  )}
</ThemeNameConsumer>
Open in Playroom

Alternatives

  • useThemeName — The hook version.

Development considerations

Retrieves the display name of the current theme from context. This pre-dated hooks, so chances are most consumers would prefer the useThemeName hook.
BRAID
Braid Logo