BRAID
Braid Logo
 
  • Releases
  • Gallery
  • Playroom
  • GitHub

Guides

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

Foundations

  • Layout
  • Tones
  • Iconography
    New

Examples

  • Job Summary
  • Basic Form
  • Marketing Banner

Components

  • Accordion
  • Actions
  • Alert
  • Autosuggest
  • Badge
  • Bleed
  • Box
  • Button
  • ButtonIcon
  • 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
  • Page
    New
  • PageBlock
  • Pagination
  • PasswordField
  • Radio
    Deprecated
  • RadioGroup
  • Rating
  • Secondary
  • Stack
  • Stepper
  • Strong
  • Tabs
  • Tag
  • Text
  • TextDropdown
  • TextField
  • TextLink
  • TextLinkButton
  • Textarea
  • Tiles
  • Toggle
  • TooltipRenderer
  • useToast

CSS

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

Logic

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

ButtonLink

  • Details
    Details
  • Props
    Props
  • Releases
    2
    Releases
    2
Solid
Ghost
Soft
Transparent
Open in Playroom

Alternatives

  • Button — For a semantic button.
  • ButtonIcon — For buttons containing only an icon.
  • TextLinkButton — For a semantic button that looks like a TextLink.

Accessibility

Even though it looks like a Button, this is actually a semantic link.

Custom link rendering

This component renders a native a element by default, but this can be customised via the linkComponent prop on BraidProvider.
BRAID
Braid Logo