Feedback v1.0.0

Leerer Zustand

Zeigt eine freundliche Meldung an, wenn Inhalte leer oder nicht vorhanden sind. Enthält Icon, Titel, Beschreibung und optionale Aktionsschaltfläche.

Vorschau & Code

_empty_state.html.erb

███
  █████ █████ █████████ █████████

  ██████
    ███ ██████ █████████████████████████
        ██████ ███ ███████ ███████
        ████████████ ████ █████████ ████ ██████ █████████ ██

    ███ ██████ █████████████████████████
        ██████ ███ █████ █████

Get Access to View Code

empty_state_component.html.erb

████ ██████████ █████████████████ ████
  ████ ██████████ ████████████ ████
    ██ ████ ████ ██
    ██ ████ █████████ ██
      ████ ██████████████████████████████████ ███████████ ██████████ █ ██ ███ ██████████████████ █████████████████████ ██████████ █████
        █████ ██████████████████████ ███████████████████████ ████████ ██████████████████ █████ █ █ ████████████████████████ █████ █ █ █ ████ ████████████████ █████ █ █ ███████████████████████ █████████████ █████████████████ █████████████ ████████ █████ █████ ████████████████ █ ██████████ ███████████████████ █ █ █ ███████ ██
      ██████
    ██ ████ ███████ ██
      ████ ██████████████████████████████████ ███████████ ██████████ █ ██ ███ ██████████████████ █████████████████████ ██████████ █████
        █████ ██████████████████████ ███████████████████████ ████████ █████████████ ████ █ █ █ ███ ████████████ ████ █ █ █ █████ ███████████████████████████████ ███ █ █ ████████████████████ ████ █ █ █ ████ █████████ ████ █ █ █ ████ ████████████ ████ █ █ █ █████ █████████ ████ █ █ ██████████████████████ ███ █ █ ████████████ ██

Get Access to View Code

empty_state_component.rb

█ ██████████████████████ ████

█████ ███████████████████ █ ███████████████████
  █████ █ ███████████ ██████ ██████ █████ █████████████
  ████████ █ ██████████ ███████████████

  ███████████ ███████

  ███ ██████████████████ ████████████ ████ █████ ██████████ ████████ █████████ ████████████████
    ██████ █ █████

Get Access to View Code

Optionen

Name	Typ	Standard	Beschreibung
`title` *	String	erforderlich	Main heading text
`description`	String	`nil`	Supporting description text
`icon`	Symbol	`:document`	Icon to display: :document, :folder, :search, :inbox, or :users
`action_text`	String	`nil`	Text for the action button
`action_url`	String	`nil`	URL for the action button
`variant`	Symbol	`:default`	Size variant: :default or :compact
`class`	String	`""`	Additional CSS classes to apply

Name	Typ	Standard	Beschreibung
`title` *	String	erforderlich	Main heading text
`description`	String	`nil`	Supporting description text
`icon`	Symbol	`:document`	Icon to display: :document, :folder, :search, :inbox, or :users
`variant`	Symbol	`:default`	Size variant: :default or :compact

Slots

Name	Beschreibung
`action`	Optional action content (typically a button)

Änderungsprotokoll v1.0.0

- Initial release with icon support
- Customizable title, description, and action
- Multiple visual variants

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten