Phoenix Storybook

Storybook
- Welcome Page
- Components
- Core components
  - Back
  - Button
  - Error
  - Flash
  - Icon
  - Input
  - List
  - Table
- Examples
- Styleguide

- 0.8.0

Welcome Page
Welcome Page
Badge
Components Badge
Button
Components Buttons Button
Button Iframe
Components Buttons Button Iframe
Dropdown
Components Buttons Dropdown
Live Button
Components Live Live Button
Live Button Iframe
Components Live Live Button Iframe
Modal
Components Templates Modal
Slide-over
Components Templates Slide-over
Set assigns
Components Templates Set assigns
Back
Core components Back
Button
Core components Button
Error
Core components Error
Flash
Core components Flash
Icon
Core components Icon
Input
Core components Input
List
Core components List
Table
Core components Table
Core components
Examples Core components
Forms
Examples Forms
Colors
Styleguide Colors
Typography
Styleguide Typography

Error

Generates a generic error message.

Typical error message Open in playground

Obviously, something went wrong ...

<.error >
  Obviously, something went wrong ...
</.error>

Try again Open in playground

Obviously, something went wrong ...

<.error >
  Obviously, something went wrong ...
  <div class="mt-2">
    <.button class="bg-rose-600 hover:bg-rose-700">Try again</.button>
  </div>
</.error>