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

useThemeName

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

Alternatives

  • ThemeNameConsumer — The component version.

Development considerations

Retrieves the display name of the current theme from context.
const themeName = useThemeName()

return (
  <Text>
    The active theme is <Strong>{themeName}</Strong>.
  </Text>
)
BRAID
Braid Logo