Django templatetags for GitHub Octicons v10.0.0+.
Project description
django-octicons-v10
Django templatetags for GitHub Octicons v10.0.0+.
Current version v2.0.0
supports Octicons v11.0.0.
This library aims to provide a similar interface to the official JavaScript and Ruby octicon libraries provided by GitHub, but as Django templatetags.
django-octicons is a library that already does this, but currently for an older version of octicons.
Installation
Install the latest version:
pip3 install django-octicons-v10
Place octicons_v10
into your installed apps:
INSTALLED_APPS = [
# blah, blah, other apps...
"octicons_v10",
]
Usage
Load the octicons
tag library in your Django template:
{% load octicons %}
Use template tags where you want to place an Octicon:
{% octicon "git-branch" %}
Classes
You can pass classes to your shiny new octicon:
<a class="btn">
{% octicon "git-branch" class="text-purple" %}
Branches
</a>
Note: The following classes are assigned to the octicon by default:
octicon
octicon-{ICON_NAME}
, for exampleocticon-git-branch
Sizing
You can pass width
or height
or both for your desired size:
<a href="#" class="Header-link">
{% octicon "mark-github" width="32" %}
GitHub
</a>
If only width
or height
is passed, then the other scales accordingly.
Note: The default size is 16px by 16px.
16px and 24px variants
The icon variant chosen is dependent on the size specified. If either your width or height is more than 16, then the 24px variant will be chosen.
What if I want to specify a variant regardless of size?
If say, you wanted a 32 width icon, but wanted to use the 16px variant, you can do so by specifying the whole variant name, in the form {ICON_NAME}-{ICON_SIZE}
:
{% octicon "alert-16" width="32" %}
When using the GitHub logos, be sure to follow the GitHub logo guidelines.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Hashes for django-octicons-v10-2.0.0.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | bd8a6535b4ff906b24af2026041dcc75402f0d1056a7b5fadd9334cdb5473c64 |
|
MD5 | a52374b56ab700ef2e4f6cb0a608af3a |
|
BLAKE2b-256 | 36086bd48924d79adc4329b0b5be581788aa7c8b2aa1db3ba3400cf8ee2d83af |