v1.0.0

Introducing Bumbag

Bumbag is an accessible & themeable React UI Kit that allows you to rapidly build React applications whether it be an MVP or a large-scale application.

Featuring:

• 70+ accessible components
• Global & component-level theming
• Flexible component composition
• Page shells
• Intuitive APIs
• Color modes
• Variants
• Layout primitives
• Utility components & hooks

Accessible by default

Powered by Reakit under the hood, all components come with accessible HTML attributes & keyboard interactions out of the box and follow the WAI-ARIA standards.

Theme your way

Put yourself in control and have the ability to customize any component by altering the theme at a global or component level.

Learn more on theming

Compose for flexibility

Flexibly build your own components such as a pricing section, a contact form, or even a call-to-action.

Learn more on theming

Page shells

Create page layouts with speed like a page with a sidebar, or a page with a header using page shells.

Learn more on page shells

v1.0.0-rc.8

Breaking Changes:

• Renamed css.root to styles.base

Before:

const theme = {
  Box: {
    css: {
      root: {
        backgroundColor: 'red'
      }
    }
  }
}

After:

const theme = {
  Box: {
    styles: {
      base: {
        backgroundColor: 'red'
      }
    }
  }
}

Just find and replace:

• css: with styles:
• root: with base:

v1.0.0-rc.0

v1.0.0-rc.0