MCPcopy Index your code
hub / github.com/dfee/rbx

github.com/dfee/rbx @v2.2.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v2.2.0 ↗ · + Follow
292 symbols 1,765 edges 392 files 1 documented · 0% 1 cross-repo links
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

rbx – The Comprehensive Bulma UI Framework for React

Build Status Coverage Status Release Version Npm Downloads Greenkeeper badge

A quick look

👟 Read the docs.

🙃 I'll wait, go check them out!

Features

  • up-to-date Bulma implementation (0.7.5)
  • written with TypeScript 3 for React 16
  • well tested and documented
  • extensive customization support
  • quite unopinionated, if you ask me
  • very simple to get started

To install

npm install rbx or yarn add rbx

To use

import "rbx/index.css";
import React from "react";
import { Columns } from "rbx";

export const MyPage = () => (
  <Columns>
    <Columns.Column>First Column</Columns.Column>
    <Columns.Column>Second Column</Columns.Column>
    <Columns.Column>Third Column</Columns.Column>
    <Columns.Column>Fourth Column</Columns.Column>
  </Columns>
);

Documentation for all the components, information on customization, a defense of design, and more is available at the canonical rbx documentation

License

rbx is available under the MIT License.

The sneaker logo is a modified version of the Twitter Twemoji running shoe under the Creative Commons Attribution License.

Prior Art

This package was forked from react-bulma-components, and re-written in its entirety to support the latest version of Bulma, use TypeScript, and fix many outstanding bugs.

Extension points exported contracts — how you extend this code

HeroVariablesOverrides (Interface)
(no doc)
src/layout/hero/hero.tsx
MediaItemVariablesOverrides (Interface)
(no doc)
src/components/media/media-item.tsx
TileVariablesOverrides (Interface)
(no doc)
src/grid/tiles/tile.tsx
ThemeContextValue (Interface)
(no doc)
src/base/theme.tsx
CustomHelpersProps (Interface)
(no doc)
src/__tests__/testing.tsx
ProgressVariablesOverrides (Interface)
(no doc)
src/elements/progress/progress.tsx
VariablesOverrides (Interface)
(no doc)
examples/with-customization/src/rbx.d.ts
HeroVariablesDefaults (Interface)
(no doc)
src/layout/hero/hero.tsx

Core symbols most depended-on inside this repo

forwardRefAs
called by 120
src/base/exotic.ts
makePropTypesFactory
called by 11
src/base/helpers/factory.ts
makeValidatingTransformFactory
called by 9
src/base/helpers/factory.ts
serveScript
called by 7
examples/with-script/src/index.js
canUseDOM
called by 6
src/utils.ts
setActive
called by 5
src/components/navbar/navbar-context.tsx
combineRefs
called by 4
src/utils.ts
close
called by 4
src/components/modal/modal-context.tsx

Shape

Function 124
Interface 88
Method 48
Class 32

Languages

TypeScript100%

Modules by API surface

src/__tests__/testing.tsx21 symbols
src/components/navbar/navbar-container.tsx11 symbols
src/components/dropdown/dropdown-container.tsx9 symbols
src/components/navbar/navbar-item-container.tsx8 symbols
src/components/modal/modal-container.tsx7 symbols
examples/with-script/src/App.js6 symbols
src/elements/form/__docs__/simple-file-manager.tsx5 symbols
src/components/modal/modal-portal.tsx5 symbols
src/components/modal/__docs__/simple-modal-manager.tsx5 symbols
src/__docs__/components/frame.tsx5 symbols
examples/with-nextjs/pages/index.js5 symbols
examples/with-customization/src/App.tsx5 symbols

Used by 1 indexed graphs manifest dependencies, hub-wide

For agents

$ claude mcp add rbx \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact