View Source Shino.UI.Button (shino v0.1.1-alpha.0)

Provides button related components.

References

Summary

Functions

Renders a button.

Functions

Renders a button.

Examples

All available variants:

<.button variant="default">Default</.button>
<.button variant="secondary">Secondary</.button>
<.button variant="destructive">Destructive</.button>
<.button variant="outline">Outline</.button>
<.button variant="ghost">Ghost</.button>
<.button variant="link">Link</.button>

All available sizes:

<.button size="default">Default</.button>
<.button size="sm">Small</.button>
<.button size="lg">Large</.button>
<.button size="icon">Icon</.button>

Render a default button:

<.button>Button</.button>

Render a button with icon only:

<.button variant="outline" size="icon">
  <.icon name="hero-chevron-right-mini" />
</.button>

Render a button with icon and text:

<.button>
  <.icon name="hero-chat-bubble-left" class="w-6 h-6 mr-2" /> Chat with me
</.button>

Attributes

  • type (:string) - Defaults to nil.
  • class (:string) - Defaults to nil.
  • variant (:string) - Defaults to "default".
  • size (:string) - Defaults to "default".
  • Global attributes are accepted. Supports all globals plus: ["disabled", "form", "name", "value"].

Slots

  • inner_block (required)