FsharpUI

Installation

To start using using Fsharp UI copy paste the following code into the head section of your project.

<link rel="stylesheet" href="https://fsharpui.netlify.app/main.css" />

---

How to use this?

Refer to the documentation and copy paste the HTML part of the desired component along with JS part if required

---

Component

Avatar

• Image Avatar
• Text Avatar

Alert

• All kinds of Alert success,warning,primary,secondary ,danger

Badge

• Badge on Avatar
• Badge on Icon

Button

• Solid Buttons
• Outlined Buttons
• Icon Buttons

Card

• Text only card
• Vertical Card (with badge ,text-overlay,dismiss)
• Horizontal Card
• Shadown Card

Image

• Responsive Image
• Round Image

Input

• Input
• Error style Input

Heading

• Headings
• Paragraphs
• Centered Text

List

• Default List
• Stacked List

Navigation

• Navigation bar

Modal

• Modal

Rating

• Static Rating
• Dynamic rating

Toast

• Toast

Grid

• Grid 2 column
• Grid 3 Column