Bitcart UI SDK Documentation

object

DefaultThe primary action of a view

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

SecondaryA supporting action shown alongside the primary one

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

AccentAccent fill, to draw attention without competing with the primary action

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

DestructiveIrreversible or otherwise dangerous actions

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

OutlineBorder only, for low-emphasis actions

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

GhostNo fill until hovered, for dense toolbars and icon rows

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

LinkFor link and link-like interactive elements

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

InlineFollows the height and text size of the container. Mainly intended for the link variant.

These aren't the droids you're looking for. Please .If you have any questions, please contact us.

import { Button } from "@bitcart/ui-kit/components"import { useCallback } from "react"

WhiteFor surfaces that retain dark background regardless of the theme, such as a brand-colored landing hero

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"

Expanding on hoverScales up slightly on hover, combines with any variant

import { Button } from "@bitcart/ui-kit/components"import { BitcartLogoIcon } from "@bitcart/ui-kit/icons"