BRAID
Braid Logo
 

Resources

    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
    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
    PageBlock
    Pagination
    PasswordField
    RadioGroup
    Rating
    Secondary
    Spread
    Stack
    Stepper
    Strong
    Table
    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
    useColor
    useResponsiveValue
    useSpace
    useThemeName

IconClear

  • Details
    Details
  • Props
    Props
  • Releases
    Releases
Open in Playroom

Customising the appearance

For details about customising the appearance of icons see the iconography documentation.

Data attributes

Braid components are very explicit about the properties they accept, which makes providing arbitrary data attributes not possible. Instead, a data prop can be provided as a single collection of data attributes.
Open in Playroom
BRAID
Braid Logo