# Bestax-Bulma

> A Bulma React component library. LLM-friendly documentation for @allxsmith/bestax-bulma.

Supply-chain posture — same claims as the package README; every item is verifiable:

- Signed provenance on every release (sigstore; check `npm audit signatures` or the npm Provenance section)
- npm OIDC trusted publishing — no long-lived `NPM_TOKEN`; release commits and tags are GPG-signed
- Socket.dev scans every PR for malware, install scripts, obfuscated code, and privilege escalation
- Install scripts blocked unless allow-listed; versions younger than 3 days will not install
- Every GitHub Action pinned to a full commit SHA
- CodeQL, Dependency Review, Dependabot, and a high-severity `pnpm audit` gate
- Layered AI review (CodeRabbit + an independent adversarial Claude review) plus required green CI, an approving review, and a human merge

Full detail: https://github.com/allxsmith/bestax/blob/main/SECURITY.md · https://bestax.io/docs/guides/security

## Table of Contents

- [Distribution and Listings](https://bestax.io/docs/guides/distribution.md): The registries, marketplaces, directories and curated lists we know carry Bestax, and which of them only change when a maintainer updates them by h...
- [Quick Start](https://bestax.io/docs/guides/intro.md): The fastest way to get started. The scaffolder sets up a Vite + React project with bestax-bulma and CSS pre-configured:
- [Security](https://bestax.io/docs/guides/security.md): How Bestax protects its supply chain, how you can verify what you install, and where to report a vulnerability.
- [Telemetry](https://bestax.io/docs/guides/telemetry.md): Two bestax CLIs — `create-bestax` and `bestax-migrate` — can send a single anonymous usage event per run, and only if you say yes first. Telemetry ...
- [Custom Component](https://bestax.io/docs/skills/custom-component.md): The `bestax-custom-component` skill teaches an agent to build a new custom component the bestax way — starting by **checking whether a matching com...
- [Form](https://bestax.io/docs/skills/form.md): The `bestax-form` skill teaches an agent to build forms with the bestax form components. There is **no form library** — state is plain React, and e...
- [Icons](https://bestax.io/docs/skills/icons.md): The `bestax-icons` skill teaches an agent to use icons in an app built with `@allxsmith/bestax-bulma`: the `Icon`/`IconText` components, the five s...
- [Skills](https://bestax.io/docs/skills/intro.md): Drop-in Agent Skills that teach coding agents — Claude Code, Cursor, and other skills.sh-compatible tools — how to build with **@allxsmith/bestax-b...
- [Layout scaffold](https://bestax.io/docs/skills/layout-scaffold.md): The `bestax-layout-scaffold` skill turns a high-level request — "admin dashboard", "landing page", "login screen", "product catalog" — into a compl...
- [Migrate](https://bestax.io/docs/skills/migrate.md): The `bestax-migrate` skill teaches an agent to move an existing app onto `@allxsmith/bestax-bulma` on Bulma v1, from an unmaintained React Bulma li...
- [Optimize](https://bestax.io/docs/skills/optimize.md): The `bestax-optimize` skill teaches an agent to reduce the built CSS size of an app using `@allxsmith/bestax-bulma`: measure raw and gzip size firs...
- [Theming](https://bestax.io/docs/skills/theming.md): The `bestax-theming` skill teaches an agent to customize colors, branding, and dark mode of an app built with `@allxsmith/bestax-bulma`. Bulma 1.x ...
- [Components Intro](https://bestax.io/docs/components/intro.md): Components Intro
- [Column](https://bestax.io/docs/api/columns/column.md): The `Column` component provides a single responsive layout column using Bulma's flexbox-based column system.
- [Columns](https://bestax.io/docs/api/columns.md): The `Columns` component provides Bulma's flexible, responsive grid container for aligning and distributing [`Column`](./column.md) components.
- [Avatar](https://bestax.io/docs/api/components/avatar.md): The `Avatar` component represents a person or entity as a compact image.
- [Avatars](https://bestax.io/docs/api/components/avatars.md): The `Avatars` component renders an overlapping/stacked group of `Avatar`s, the "members" list pattern.
- [Badge](https://bestax.io/docs/api/components/badge.md): The `Badge` component is a small status/count indicator overlaid on the corner of another element, or rendered standalone.
- [Breadcrumb](https://bestax.io/docs/api/components/breadcrumb.md): The `Breadcrumb` component renders a Bulma-styled breadcrumb navigation.
- [Card](https://bestax.io/docs/api/components/card.md): The `Card` component renders a Bulma-styled card with optional header, image, content, and footer.
- [Carousel](https://bestax.io/docs/api/components/carousel.md): The `Carousel` component provides an image/content slider with navigation arrows and indicators.
- [Collapse](https://bestax.io/docs/api/components/collapse.md): The `Collapse` component provides an expandable/collapsible content panel.
- [Collapses](https://bestax.io/docs/api/components/collapses.md): The `Collapses` component groups `Collapse` items into an accordion that keeps one item open at a time, or any number with `multiple`.
- [ContextMenu](https://bestax.io/docs/api/components/contextmenu.md): The `ContextMenu` component opens a menu of actions where you right-click an element, such as a table row or a card, or long press it on a touch sc...
- [Dialog](https://bestax.io/docs/api/components/dialog.md): The `Dialog` component provides ready-made confirm and alert dialogs, so a destructive action stays one `await dialog.confirm()` call away.
- [Dropdown](https://bestax.io/docs/api/components/dropdown.md): The `Dropdown` component provides Bulma's versatile dropdown menu for your Bulma React UI.
- [EmptyState](https://bestax.io/docs/api/components/emptystate.md): The `EmptyState` component renders the block an app shows where content would be: an empty list, a search with no results, or a first-run screen.
- [HoverCard](https://bestax.io/docs/api/components/hovercard.md): The `HoverCard` component shows a card previewing what's behind a link or a button while the pointer rests on it or keyboard focus is on it.
- [Loading](https://bestax.io/docs/api/components/loading.md): The `Loading` component provides a loading overlay with a spinner animation.
- [Menu](https://bestax.io/docs/api/components/menu.md): The `Menu` component provides Bulma's vertical navigation menu: a simple, accessible sidebar or section menu for your Bulma React UI.
- [Message](https://bestax.io/docs/api/components/message.md): The `Message` component provides Bulma's flexible notice/message box for your Bulma React UI.
- [Modal](https://bestax.io/docs/api/components/modal.md): The `Modal` component provides an empty, accessible overlay for arbitrary content — for a ready-made confirm or alert, reach for `Dialog` instead.
- [Navbar](https://bestax.io/docs/api/components/navbar.md): The `Navbar` component implements Bulma's powerful, responsive navigation bar for your Bulma React UI.
- [Pagination](https://bestax.io/docs/api/components/pagination.md): The `Pagination` component provides a flexible, composable Bulma pagination navigation for your Bulma React UI.
- [Panel](https://bestax.io/docs/api/components/panel.md): The `Panel` component implements Bulma's versatile panel block for React.
- [Popover](https://bestax.io/docs/api/components/popover.md): The `Popover` component opens a panel of interactive content, such as a filter form or a set of share options, anchored to the element that toggles...
- [Reveal](https://bestax.io/docs/api/components/reveal.md): The `Reveal` component animates its content into view as it scrolls into the viewport, backed by `IntersectionObserver`.
- [SegmentedControl](https://bestax.io/docs/api/components/segmentedcontrol.md): The `SegmentedControl` component renders a row of buttons where only one can be on, and tells a screen reader it's a radio group.
- [Sidebar](https://bestax.io/docs/api/components/sidebar.md): The `Sidebar` component provides a slide-out navigation panel that appears from the left or right side of the screen.
- [Steps](https://bestax.io/docs/api/components/steps.md): The `Steps` component provides a multi-step progress indicator for wizard flows, checkout processes, or any multi-step workflow.
- [Tabs](https://bestax.io/docs/api/components/tabs.md): The `Tabs` component provides flexible and fully-featured Bulma tab navigation for your Bulma React UI.
- [Toast](https://bestax.io/docs/api/components/toast.md): The `Toast` component provides brief notification messages with optional action and cancel buttons.
- [Tooltip](https://bestax.io/docs/api/components/tooltip.md): The `Tooltip` component displays helpful information when users hover over or focus on an element.
- [Block](https://bestax.io/docs/api/elements/block.md): The `Block` component renders a simple container with Bulma's `.block` class, adding vertical margin between sections of content.
- [Box](https://bestax.io/docs/api/elements/box.md): The `Box` component renders a bordered, padded container with an optional shadow using Bulma's `.box` class.
- [Button](https://bestax.io/docs/api/elements/button.md): The `Button` component provides a flexible and highly customizable button for your Bulma React UI.
- [Buttons](https://bestax.io/docs/api/elements/buttons.md): The `Buttons` component lets you group multiple `Button` elements together with Bulma's spacing, alignment, and add-on features.
- [Code](https://bestax.io/docs/api/elements/code.md): The `Code` component renders a styled `<code>` element with Bulma helper class integration.
- [Content](https://bestax.io/docs/api/elements/content.md): The `Content` component applies Bulma’s typographic styles to its children, enhancing the appearance of HTML elements like paragraphs, headings, li...
- [Delete](https://bestax.io/docs/api/elements/delete.md): The `Delete` component provides a Bulma-styled close/delete button for dismissing modals, notifications, tags, messages, and more.
- [Divider](https://bestax.io/docs/api/elements/divider.md): The `Divider` component renders a styled horizontal rule (`<hr>`) element with Bulma helper class integration.
- [Emphasis](https://bestax.io/docs/api/elements/emphasis.md): The `Emphasis` component renders a styled `<em>` element with Bulma helper class integration.
- [Figure](https://bestax.io/docs/api/elements/figure.md): The `Figure` component renders a styled `<figure>` element with Bulma helper class integration.
- [Icon](https://bestax.io/docs/api/elements/icon.md): The `Icon` component is a Bulma-styled wrapper for displaying icons from various libraries (Font Awesome, Material Design Icons, Ionicons, Google M...
- [IconText](https://bestax.io/docs/api/elements/icontext.md): The `IconText` component provides a Bulma-styled horizontal arrangement of one or more `Icon` components and optional text.
- [Image](https://bestax.io/docs/api/elements/image.md): The `Image` component wraps images, iframes, or custom content in a Bulma-styled container, supporting fixed sizes, aspect ratios, rounded corners,...
- [Kbd](https://bestax.io/docs/api/elements/kbd.md): The `Kbd` component renders a `<kbd>` drawn as a keycap, for a key the reader presses.
- [Link](https://bestax.io/docs/api/elements/link.md): The `Link` component renders a styled anchor (`<a>`) element with Bulma helper class integration.
- [LinkButton](https://bestax.io/docs/api/elements/linkbutton.md): The `LinkButton` component renders a `<button>` that visually looks like text or a link.
- [ListItem](https://bestax.io/docs/api/elements/listitem.md): The `ListItem` component renders a styled list item (`<li>`) element with Bulma helper class integration.
- [Loader](https://bestax.io/docs/api/elements/loader.md): The `Loader` component renders Bulma's `.loader`, a small spinning ring for inline loading states.
- [Notification](https://bestax.io/docs/api/elements/notification.md): The `Notification` component is a Bulma-styled alert/message area for providing feedback, warnings, or information to users.
- [OrderedList](https://bestax.io/docs/api/elements/orderedlist.md): The `OrderedList` component renders a styled ordered list (`<ol>`) element with Bulma helper class integration.
- [Paragraph](https://bestax.io/docs/api/elements/paragraph.md): The `Paragraph` component renders a styled `<p>` element with Bulma helper class integration.
- [Pre](https://bestax.io/docs/api/elements/pre.md): The `Pre` component renders a styled `<pre>` element with Bulma helper class integration.
- [Progress](https://bestax.io/docs/api/elements/progress.md): The `Progress` component displays a Bulma-styled progress bar.
- [Skeleton](https://bestax.io/docs/api/elements/skeleton.md): The `Skeleton` component provides a Bulma-styled skeleton loader for React applications, useful for indicating that content is loading.
- [Span](https://bestax.io/docs/api/elements/span.md): The `Span` component renders a styled inline `<span>` element with Bulma helper class integration.
- [Strong](https://bestax.io/docs/api/elements/strong.md): The `Strong` component renders a styled `<strong>` element with Bulma helper class integration.
- [SubTitle](https://bestax.io/docs/api/elements/subtitle.md): The `SubTitle` component renders a Bulma-styled subtitle (secondary heading), supporting sizes `1-6` and rendering as any heading or paragraph elem...
- [Table](https://bestax.io/docs/api/elements/table.md): The `Table` component and its subcomponents provide a highly composable, Bulma-styled table system for React.
- [Tag](https://bestax.io/docs/api/elements/tag.md): The `Tag` component renders a Bulma-styled label or badge.
- [Tags](https://bestax.io/docs/api/elements/tags.md): The `Tags` component groups multiple `Tag` components together in a Bulma-styled container that wraps onto multiple lines by default.
- [Title](https://bestax.io/docs/api/elements/title.md): The `Title` component renders a Bulma-styled title (heading), supporting sizes `1`-`6`, spacing, and rendering as any heading or paragraph element ...
- [ToggleButton](https://bestax.io/docs/api/elements/togglebutton.md): The `ToggleButton` component renders a button that stays pressed until it's pressed again, and says whether it's on through `aria-pressed`.
- [UnorderedList](https://bestax.io/docs/api/elements/unorderedlist.md): The `UnorderedList` component renders a styled unordered list (`<ul>`) element with Bulma helper class integration.
- [Autocomplete](https://bestax.io/docs/api/form/autocomplete.md): The `Autocomplete` component provides an input field with dropdown suggestions that filter based on user input.
- [Checkbox](https://bestax.io/docs/api/form/checkbox.md): The `Checkbox` component provides a Bulma-styled checkbox input.
- [Checkboxes](https://bestax.io/docs/api/form/checkboxes.md): The `Checkboxes` component wraps multiple `Checkbox` components in a Bulma-styled group.
- [Control](https://bestax.io/docs/api/form/control.md): The `Control` component is a Bulma-styled wrapper for form controls (`Input`, `Select`, `TextArea`, etc.), supporting icons (left/right), loading s...
- [DateInput](https://bestax.io/docs/api/form/datetime/dateinput.md): The `DateInput` component is a form input that opens a popover calendar for date selection.
- [DateRangeInput](https://bestax.io/docs/api/form/datetime/daterangeinput.md): The `DateRangeInput` component is a form input for a start and end date, picked from one popover calendar or typed into two segmented inputs.
- [DateTimeInput](https://bestax.io/docs/api/form/datetime/datetimeinput.md): The `DateTimeInput` combines a calendar and a time **wheel spinner** in a single popover — an iOS-style layout.
- [TimeInput](https://bestax.io/docs/api/form/datetime/timeinput.md): The `TimeInput` component is a form input that opens a popover spinner for time-of-day selection.
- [Field](https://bestax.io/docs/api/form/field.md): The `Field` component is a Bulma-styled form field container.
- [File](https://bestax.io/docs/api/form/file.md): The `File` component provides a Bulma-styled file input, supporting color, size, boxed/fullwidth/align styles, icons, "has name", and filename disp...
- [Input](https://bestax.io/docs/api/form/input.md): The `Input` component provides a Bulma-styled text input, supporting colors, sizes, rounded corners, static state, hover/focus/loading states, and ...
- [Numberinput](https://bestax.io/docs/api/form/numberinput.md): The `Numberinput` component provides a number input with increment/decrement buttons.
- [Radio](https://bestax.io/docs/api/form/radio.md): The `Radio` component provides a Bulma-styled radio button input with flexible labels and helper classes.
- [Radios](https://bestax.io/docs/api/form/radios.md): The `Radios` component wraps multiple `Radio` components in a Bulma-styled group.
- [Rate](https://bestax.io/docs/api/form/rate.md): The `Rate` component provides a star/icon-based rating system.
- [Select](https://bestax.io/docs/api/form/select.md): The `Select` component provides a Bulma-styled dropdown for selecting one or more options.
- [Slider](https://bestax.io/docs/api/form/slider.md): The `Slider` component provides a range slider input for selecting values within a range.
- [Switch](https://bestax.io/docs/api/form/switch.md): The `Switch` component provides a toggle switch for boolean on/off states.
- [Taginput](https://bestax.io/docs/api/form/taginput.md): The `Taginput` component provides a tag/chip input field for managing multiple tags.
- [TextArea](https://bestax.io/docs/api/form/textarea.md): The `TextArea` component provides a Bulma-styled multi-line text input, supporting color, size, hover/focus/loading states, fixed size, and all Bul...
- [Cell](https://bestax.io/docs/api/grid/cell.md): The `Cell` component provides a single Bulma grid cell for use inside the [`Grid`](./grid.md) component.
- [Grid](https://bestax.io/docs/api/grid.md): The `Grid` component provides Bulma's advanced CSS Grid layout for complex, modern layouts.
- [classNames](https://bestax.io/docs/api/helpers/classnames.md): `classNames` is a utility function for conditionally joining class names together. It takes any number of arguments, which can be strings, numbers,...
- [ClientOnly](https://bestax.io/docs/api/helpers/clientonly.md): `ClientOnly` renders its children only in the browser, after hydration, and a `fallback` until then, so content that depends on browser-only state ...
- [ConfigProvider](https://bestax.io/docs/api/helpers/config.md): The `ConfigProvider` component provides a React context for configuring global settings across all Bulma UI components. Its `classPrefix` is applie...
- [Portal](https://bestax.io/docs/api/helpers/portal.md): `Portal` renders its children into another part of the page, `document.body` unless `container` or a `ConfigProvider` says otherwise, so floating c...
- [Theme](https://bestax.io/docs/api/helpers/theme.md): The `Theme` component provides a powerful way to customize Bulma's appearance using CSS custom properties (CSS variables). It allows you to overrid...
- [useBulmaClasses](https://bestax.io/docs/api/helpers/usebulmaclasses.md): `useBulmaClasses` is a custom React hook that generates Bulma helper class strings from a set of props. It makes it easy to apply color, spacing, a...
- [useFocusTrap](https://bestax.io/docs/api/helpers/usefocustrap.md): `useFocusTrap` keeps keyboard focus inside a container while it is active: focus moves in when the trap turns on, Tab and Shift+Tab wrap between th...
- [usePrefixedClassNames](https://bestax.io/docs/api/helpers/useprefixedclassnames.md): `usePrefixedClassNames` builds a component class string that honors the `classPrefix` from `ConfigProvider` — the hook every bestax component uses ...
- [Valid value constants](https://bestax.io/docs/api/helpers/valid-values.md): The helper tuples enumerate the core accepted values for the shared Bulma helper props — public API for building prop types and validation. Each is...
- [Container](https://bestax.io/docs/api/layout/container.md): The `Container` component provides a responsive and flexible layout wrapper for your Bulma React UI.
- [Footer](https://bestax.io/docs/api/layout/footer.md): The `Footer` component provides a semantic and accessible site footer for your Bulma React UI.
- [Hero](https://bestax.io/docs/api/layout/hero.md): The `Hero` component provides a responsive, flexible, and visually striking section for your Bulma React UI.
- [Level](https://bestax.io/docs/api/layout/level.md): The `Level` component provides a flexible horizontal layout for your Bulma React UI, perfect for aligning items on the left and right, distributing...
- [Media](https://bestax.io/docs/api/layout/media.md): The `Media` component implements Bulma’s powerful media object layout for React.
- [Section](https://bestax.io/docs/api/layout/section.md): The `Section` component provides vertical spacing and visual separation for your Bulma React UI.
- [Bulma V1](https://bestax.io/docs/guides/features/bulma-v1.md): bestax-bulma is built for **Bulma v1** — the version released in 2024 that introduced CSS custom properties, true CSS Grid, and skeleton loading — ...
- [Configuration](https://bestax.io/docs/guides/features/configuration.md): `ConfigProvider` is bestax-bulma's extension point for app-wide choices that Bulma itself can't express in React: a class-prefix namespace for the ...
- [CSS Variables](https://bestax.io/docs/guides/features/css-variables.md): Bulma v1 introduces comprehensive support for CSS custom properties (CSS variables), enabling runtime customization without Sass compilation. besta...
- [Responsiveness](https://bestax.io/docs/guides/features/responsiveness.md): This guide covers how Bestax components handle responsive design. Bestax extends Bulma with React components and additional UI on top of Bulma's CS...
- [Routing Integration](https://bestax.io/docs/guides/features/routing.md): How to wire bestax-bulma components to a client-side router — React Router, Next.js, TanStack Router, or any library whose navigation primitive is ...
- [Sass Customization](https://bestax.io/docs/guides/features/sass-customization.md): Sass customization is the **build-time half** of bestax's two-layer theming story. You set Bulma's Sass variables once at build time to bake in def...
- [AI-Assisted Development](https://bestax.io/docs/guides/getting-started/ai-development.md): bestax uses AI in two ways: **AI code review** on every pull request, and an **autonomous development loop** that can implement maintainer-approved...
- [Icons](https://bestax.io/docs/guides/getting-started/alternative-icons.md): bestax-bulma supports these icon libraries out of the box: **Font Awesome**, **Material Design Icons**, **Ionicons**, **Google Material Icons**, an...
- [Compare React Component Libraries](https://bestax.io/docs/guides/getting-started/compare.md): An interactive, filterable matrix comparing bestax-bulma with other React component libraries, capability by capability, with every cell linking to...
- [Contributing](https://bestax.io/docs/guides/getting-started/contributing.md): Thanks for your interest in contributing! This page mirrors the highlights of the repository's `CONTRIBUTING.md` — which stays the canonical source...
- [ESLint Plugin](https://bestax.io/docs/guides/getting-started/eslint-plugin.md): `@allxsmith/eslint-plugin-bestax` reports bestax-bulma code that does not do what it looks like it does.
- [Installation](https://bestax.io/docs/guides/getting-started/installation.md): This comprehensive guide covers all installation options, prerequisites, and configuration choices for bestax-bulma.
- [Migrating from bloomer](https://bestax.io/docs/guides/getting-started/migration/bloomer.md): `bloomer` was the first typed React wrapper for Bulma — its last commit was **October 2018** and the repository is archived....
- [Bulma 0.9.4 → 1.x](https://bestax.io/docs/guides/getting-started/migration/bulma-0-9-to-1.md): bestax-bulma has always required Bulma v1, so upgrading bestax itself never requires a Bulma migration. This page is here for two situations where ...
- [Migrating from plain Bulma classes](https://bestax.io/docs/guides/getting-started/migration/bulma-classes.md): Most React apps that use Bulma never picked a wrapper library. They import Bulma's stylesheet and write its classes on plain JSX:
- [bestax-bulma 2.x → 3.x](https://bestax.io/docs/guides/getting-started/migration/bulma-ui-2-to-3.md): This guide explains what changes when you upgrade `@allxsmith/bestax-bulma` from 2.x to 3.x. Most of your code keeps working unchanged. The areas t...
- [bestax-bulma 3.x → 4.x](https://bestax.io/docs/guides/getting-started/migration/bulma-ui-3-to-4.md): This guide explains what changes when you upgrade `@allxsmith/bestax-bulma` from 3.x to 4.x. There is **one** consumer-facing change: the minimum s...
- [bestax-bulma 4.x → 5.x](https://bestax.io/docs/guides/getting-started/migration/bulma-ui-4-to-5.md): This guide explains what changes when you upgrade `@allxsmith/bestax-bulma` from 4.x to 5.x. There is **one** consumer-facing change: the...
- [Migration](https://bestax.io/docs/guides/getting-started/migration.md): Pick whichever applies to your situation:
- [Migrating from rbx](https://bestax.io/docs/guides/getting-started/migration/rbx.md): `rbx` was a well-built, fully typed React wrapper for Bulma — its last commit was **June 2019**. `@allxsmith/bestax-bulma` is actively maintained, ...
- [Migrating from react-bulma-components](https://bestax.io/docs/guides/getting-started/migration/react-bulma-components.md): `react-bulma-components` was for years the most popular React wrapper for Bulma, but it has been unmaintained since early 2022 and targets Bulma 0....
- [Modular](https://bestax.io/docs/guides/getting-started/modular.md): This guide covers how to trim your CSS and JS bundles by importing only what you use from bestax-bulma and Bulma.
- [Optimizing CSS Size](https://bestax.io/docs/guides/getting-started/optimizing-css.md): The JavaScript side of bestax-bulma is lean and tree-shakable (~65 KB min+gzip for the _entire_ library — apps ship only the components they import...
- [Toolchains](https://bestax.io/docs/guides/getting-started/react-setups.md): Start a new project with your framework's own scaffolder (Vite, `create-next-app`, or CRA) and wire bestax-bulma in. Pick this guide if you want fu...
- [Syntax](https://bestax.io/docs/guides/getting-started/syntax.md): This guide introduces you to how Bulma works and how our React components relate to Bulma's class-based system.
- [CSS Variations](https://bestax.io/docs/guides/getting-started/variations.md): Bestax ships pre-built CSS variations that combine Bulma with bestax extras into a single file. Each variation mirrors a Bulma variation but includ...
- [Color Shades](https://bestax.io/docs/guides/helpers/color-palette.md): Bulma v1 introduces an extended color palette system that provides semantic color variations beyond the basic color helpers. These palette helpers ...
- [Color](https://bestax.io/docs/guides/helpers/color.md): Bulma provides a comprehensive set of color helpers for text and background colors. These helpers allow you to quickly apply consistent coloring th...
- [Flex](https://bestax.io/docs/guides/helpers/flex.md): Bulma provides comprehensive flexbox helpers that give you full control over flex container and flex item behavior. Combined with `display="flex"`,...
- [Margin & Padding](https://bestax.io/docs/guides/helpers/margin-and-padding.md): Bulma provides a comprehensive spacing system using margin and padding helpers. These utilities allow you to add consistent spacing throughout your...
- [Other Helpers](https://bestax.io/docs/guides/helpers/other.md): Bulma provides a collection of additional utility helpers that solve common CSS challenges and provide convenient styling shortcuts. These miscella...
- [Typography](https://bestax.io/docs/guides/helpers/typography.md): Bulma provides comprehensive typography helpers to control text size, alignment, transformation, weight, and font family. These utilities ensure co...
- [Visibility](https://bestax.io/docs/guides/helpers/visibility.md): Bulma provides comprehensive visibility helpers to control how elements are displayed and hidden across different screen sizes and contexts. These ...
- [Columns Components Overview](https://bestax.io/docs/guides/library/columns.md): This page summarizes the Bulma-styled columns system in Bestax, with a brief description, usage example, and links to full documentation for each. ...
- [Components](https://bestax.io/docs/guides/library/components.md): The **Components** section provides higher-level, composable UI building blocks for your Bulma React applications. These components combine Bulma's...
- [Elements](https://bestax.io/docs/guides/library/elements.md): The **Elements** section provides foundational UI building blocks for your Bulma React applications. These components are designed to be simple, co...
- [Form Components Overview](https://bestax.io/docs/guides/library/form.md): This page provides a summary of all Bulma-styled form components in Bestax, with a brief description, usage example, and links to full documentatio...
- [Grid Components Overview](https://bestax.io/docs/guides/library/grid.md): This page summarizes the Bulma-styled grid system in Bestax, with a brief description, usage example, and links to full documentation for each. Use...
- [Helper Utilities Overview](https://bestax.io/docs/guides/library/helpers.md): This page summarizes the helper utilities in Bestax, with a brief description, usage example, and links to full documentation for each. Use these h...
- [Library Overview](https://bestax.io/docs/guides/library.md): **bestax-bulma** wraps every Bulma CSS class in a typed React component, giving you full IntelliSense, prop-level validation, and zero class-string...
- [Layout Components Overview](https://bestax.io/docs/guides/library/layout.md): This page summarizes all Bulma-styled layout components in Bestax, with a brief description, usage example, and links to full documentation for eac...
- [LLMs](https://bestax.io/docs/guides/llms.md): `@allxsmith/bestax-bulma` ships LLM-optimized documentation so AI coding agents — Claude Code, Cursor, GitHub Copilot, ChatGPT — can read the docs ...
- [Quick Start](https://bestax.io/docs/intro.md): Get **bestax-bulma** running in under 2 minutes with this quick start guide.