Skip to content
Components Blocks Showcase Filament Why Aura Pricing Docs Blog About
Login

Laravel Code Component

Free · MIT

Inline code inside running text.

A Code built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default and dark-mode ready. Aura's solid-background and border colours are contrast-tested against WCAG 2.1 AA/UI in CI, in both themes — see what's covered. Drop it in with a single Blade tag: <x-aura::code>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

Run <x-aura::code>php artisan aura:install</x-aura::code> to publish the CSS.

See the full API, props and live examples in the Code documentation.

Overview

<x-aura::code> marks a fragment as code inside a sentence — a command, a class name, a config key. It renders a real <code> element, so assistive technology and search engines know what it is.

Props

This component takes no props. Any attribute you pass is merged onto the <code> element.

See more examples and every variant in the Code documentation.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
Colour contrast tested against WCAG 2.1 AA/UI in CI; ARIA attributes on select components.

Related components

Password Input
A password field with a reveal toggle that reports its own state.
Icon
Inline SVG icon system with 150+ built-in icons in multiple sizes.
Phone Input
A telephone number and its country code, both real form controls, posted as one.
Toggle
A switch-style toggle input component for boolean on/off states, with label, description, size, and color variants.
Command Palette
Keyboard-driven command launcher with search, grouping, and shortcut display, activated with Ctrl+K.
Layout
Structural primitives for page layout — container, layout, main, and aside components.
Browse all components