@blaze-react/button

Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Usage no npm install needed!

<script type="module">
  import blazeReactButton from 'https://cdn.skypack.dev/@blaze-react/button';
</script>

README

Description

Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Usage

  • Simple
<Button>Button</Button>
  • With modifiers
<Button modifiers={["outline", "dark"]}>Rounded/Outline</Button>
  • Type submit
<Button type="submit">Send</Button>

API

Buttons can receive a number of props as follow:
NAME TYPE DEFAULT OPTIONS
modifiers Array empty rounded, outline, alert, cta, light, dark, disabled, icon, small, full-width, plain, back, link
type String button button, submit, reset
disabled Boolean false
children single/array of nodes null