{% extends 'base.html' %} {% load buttons %} {% load helpers %} {% block header %}

{% block title %}Nautobot Theme Preview{% endblock %}


{% endblock %} {% block content %}
{% add_button content_type.model_class|validated_viewname:"add" %} {% job_import_button content_type %} {% export_button content_type %}

Object Listing

{% include "panel_table.html" %}
per page
Showing 50-75 of 250

{% clone_button object %} {% edit_button object %} {% delete_button object %}

Object Detail

{% include 'inc/created_updated.html' %}
Status
Name {{ object.name }}
Right Side
Property Value

Add a new object

Object
Help text for this form field
Cancel

Home Page Panel
123

Locations

Hierarchical geographic locations

Tenants

Customers or departments


Buttons

btn-lg
btn
btn-sm
btn-xs
btn disabled

Headings and Labels

h1. Heading 1 title for most object views Default Primary Success Info Warning Danger

h2. Heading 2 used for special purposes such as Location detail "badges" Default Primary Success Info Warning Danger

h3. Heading 3 title for object create/edit forms Default Primary Success Info Warning Danger

h4. Heading 4 used in modal titles and a few others Default Primary Success Info Warning Danger

h5. Heading 5 used in user profiles and cable traces Default Primary Success Info Warning Danger
h6. Heading 6 Unused in core Default Primary Success Info Warning Danger

p. Paragraph Small text Default Primary Success Info Warning Danger


Tables

Panel Table With Heading

Heading Text
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Condensed Table (use with caution)

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Attribute Table for Object Detail View

Object Attributes
Attribute Value
Attribute Value
Attribute Value

Table with colored rows

Class
Active
Success
Info
Warning
Danger

Striped Table (not generally recommended)

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered Table (not generally recommended)

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Alerts

Text Markup

def hello():
    print("Hello World!")
    raise SystemExit()
{
    "This": [
        "is",
        "JSON",
        "with",
        "syntax",
        "highlighting."
    ]
}
---
This:
  - is
  - YAML
  - with
  - syntax
  - highlighting.
This is some ordinary text. This is some muted text. This is primary text. This is success text. This is info text. This is warning text. This is danger text. This is code text. This is kbd text. This is text with a primary background. This is text with a success background. This is text with a info background. This is text with a warning background. This is text with a danger background.

Panels

Default

Panel content

Primary

Panel content

Success

Panel content

Info

Panel content

Warning

Panel content

Danger

Panel content

Progress bars

60% Complete
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
60% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

List groups

Wells

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.


Badges

Inbox 42

Dropdown menus

Navs


Navbars

{% endblock %}