LiveAntd.Components.Button (live_antd v0.1.0)

Button Component.

API

  • [x] block: Option to fit button width to its parent width
  • [x] danger: Set the danger status of button
  • [x] disabled: Disabled state of button
  • [x] ghost: Make background transparent and invert text and border colors
  • [ ] href: Redirect url of link button
  • [ ] htmlType: Set the original html type of button, see: MDN
  • [ ] icon: Set the icon component of button
  • [x] shape: Can be set button shape
  • [x] loading: Set the loading status of button
  • [x] size: Set the size of button
  • [ ] target: Same as target attribute of a, works when href is specified
  • [x] type: Can be set to primary ghost dashed link text default
  • [x] onClick: Set the handler to handle click event

Example

<Button

type="primary"
onClick=""
Button Name

Properties

  • onClick :event
  • type :string, values: ~w(primary dashed default text link), default: "default"
  • size :string, values: ~w(large small middle), default: "middle"
  • shape :string, values: ~w(circle round)
  • disabled :boolean
  • loading :boolean, default: false
  • block :boolean, default: false
  • ghost :boolean, default: false
  • danger :boolean, default: false
  • class :css_class
  • style :string

Link to this section Summary

Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Callback implementation for Phoenix.LiveComponent.render/1.

Link to this section Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Link to this function

render(assigns)

Callback implementation for Phoenix.LiveComponent.render/1.