Giter VIP home page Giter VIP logo

bootstrapicons.net's Introduction

BootstrapIcons.Net

Bootstrap Icons for .NET applications.

Build and Publish Package GitHub

BootstrapIcons.AspNetCore

NuGet

Install

  • Install BootstrapIcons.AspNetCore from nuget.org

Usage

In your Views/_ViewImports.cshtml, add a reference to the included tag helper:

@addTagHelper *, BootstrapIcons.AspNetCore

The BootstrapIconTagHelper is designed to work with the svg element. For example:

<svg bootstrap-icon="AlarmFill" width="24" height="24" aria-label="Alarms"></svg>

This will include the SVG path(s) for the icon inside the SVG element. Font-based icons are not supported. See the Bootstrap Icons Usage docs for more information.

BootstrapIcons.WPF

NuGet

Install

  • Install BootstrapIcons.Wpf from nuget.org

Usage

In your XAML top-level element (Window, Page, etc...) reference the following namespace:

<Window
...
    xmlns:bi="https://github.com/helluvamatt/BootstrapIcons.Wpf/"
...
>

Then, use the BootstrapIcon block tag:

<bi:BootstrapIcon Icon="AlarmFill" Width="32" Height="32" ForegroundColor="Black" />

License

This project is licensed under the terms of the MIT License.

bootstrapicons.net's People

Contributors

dependabot[bot] avatar helluvamatt avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar

Forkers

austins ahrgnuts d4e666

bootstrapicons.net's Issues

Would you consider a pull request that adds an Html helper capability?

Hey Matt, would you consider a pull request that added in an HTML helper? That would let us render a bootstrap icon inside of another html helper like a grid.

e.g.

`
@(Html
.Grid(Model.Items)
.Build(columns =>
{
columns.Add(model => Html.BootsrapIcon("AlarmFill", 24, 24, new { data_toggle = "modal", data_target = "#modal", data_content = model.FilamentDescription }));

etc....
`

InfoCircle

The svg for InfoCircle does not display as expected.

Output picture:
image

Output checked with Vivaldi and Firefox, both have the same output.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.