Nova Html Card

screenshot of Nova Html Card
laravel
vue
scss

Adds a card to the Nova dashboard with any arbitrary HTML content. Good for inline docs.

Overview

The Nova HTML Card is a versatile addition for developers using Laravel Nova who want to enhance their dashboard with custom HTML content. With this package, you can easily integrate any arbitrary HTML or Markdown content into your Nova dashboard, making it a powerful tool for personalizing your applications and presenting information effectively.

This package stands out among similar offerings by providing a user-friendly API and support for Markdown, allowing developers to create dynamic and styled content with minimal effort. Whether you need to showcase notifications, key updates, or simply want to add a personal touch, the Nova HTML Card is a great choice to elevate any Laravel Nova project.

Features

  • Custom HTML Content: Easily add any HTML content to your Nova dashboard using the html() method.
  • Markdown Support: Utilize the markdown() method to insert Markdown content that the package will automatically convert into HTML.
  • Blade View Integration: Specify a Blade view file and pass data to it, offering flexibility for dynamic content rendering.
  • Styling Options: Control the appearance of your card with options to center content or disable default styles for more customization.
  • Basic Styling: Apply basic styles to HTML elements, which is particularly useful for rendered Markdown content.
  • Simple API: Experience a clean, Laravel-like API that simplifies the process of adding HTML cards to your Nova dashboard.
  • Frequent Updates: Stay informed on improvements and changes with a dedicated changelog for version updates.
laravel
Laravel

Laravel is a powerful and elegant PHP framework that provides developers with a comprehensive set of tools and features to build robust web applications. It follows the Model-View-Controller (MVC) architectural pattern, offering a clean and organized structure for writing efficient and maintainable code.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.