BRAID

Tools

Source
Playroom

Guides

Design Workflow
Development Workflow

Foundations

Layout
Tones
Iconography

Layout Components

Box
Card
Column
Columns
ContentBlock
Divider
Hidden
Inline
Stack
Tiles

Content Components

Alert
Badge
Bullet
BulletList
Heading
Loader
Secondary
Strong
Tag
Text

Interaction Components

Actions
Autosuggest
Button
ButtonRenderer
Checkbox
Dropdown
FieldLabel
FieldMessage
OverflowMenu
OverflowMenuItem
MonthPicker
Radio
Textarea
TextField
TextLink
TextLinkRenderer
Toggle

Logic Components

BraidProvider
BraidLoadableProvider
ThemeNameConsumer
useThemeName
useSpace
useColor
BackgroundProvider

All Components

Actions
Alert
Autosuggest
BackgroundProvider
Badge
Box
BraidLoadableProvider
BraidProvider
Bullet
BulletList
Button
ButtonRenderer
Card
Checkbox
Column
Columns
ContentBlock
Divider
Dropdown
FieldLabel
FieldMessage
Heading
Hidden
Inline
Loader
MonthPicker
OverflowMenu
OverflowMenuItem
Radio
Secondary
Stack
Strong
Tag
Text
TextField
TextLink
TextLinkRenderer
Textarea
ThemeNameConsumer
Tiles
Toggle

ThemeNameConsumer

Example
Theme: seekAnz
The active theme is seekAnz.
Theme: seekBusiness
The active theme is seekBusiness.
Theme: jobsDbRebrand
The active theme is jobsDbRebrand.
Theme: jobsDb
The active theme is jobsDb.
Theme: jobStreet
The active theme is jobStreet.
Theme: jobStreetClassic
The active theme is jobStreetClassic.
Theme: wireframe
The active theme is wireframe.
Code:
<ThemeNameConsumer>
  {themeName => <span>The active theme is {themeName}.</span>}
</ThemeNameConsumer>
Open in Playroom

Required props

children
(name: string) => ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<...>)>

Further References

View Source