Files
plantuml-icon-font-sprites/README.md

81 lines
1.9 KiB
Markdown
Raw Normal View History

# PlantUML Icon-Font Sprites
2016-05-11 00:07:51 +02:00
## Getting Started
2016-05-11 00:07:51 +02:00
The common.puml is required for the rest to work.
2016-05-11 00:07:51 +02:00
!include ../common.puml
or via url
2016-05-12 01:22:25 +02:00
!includeurl https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/common.puml
Import the sprites that you want
2016-05-11 00:07:51 +02:00
!include ../devicons/mysql.puml
!include ../font-awesome/database.puml
or via url
2016-05-12 01:22:25 +02:00
!includeurl https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/devicons/mysql.puml
!includeurl https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/font-awesome/database.puml
To use the sprites add one of the macros
DEV_MYSQL(db)
The macros are prefixed with the set and the name of the icon
<prefix>_<name>(alias)
<prefix>_<name>(alias,label)
<prefix>_<name>(alias,label,shape)
<prefix>_<name>(alias,label,shape,color)
Using the icon from devicons for mysql
DEV_MYSQL(db1)
DEV_MYSQL(db2,label of db2)
DEV_MYSQL(db3,label of db3,database)
DEV_MYSQL(db4,label of db4,database,red) #DeepSkyBlue
![overload-example](examples/overload-example.png)
2016-05-11 00:07:51 +02:00
## Icon Sets
* [Font-Awesome](http://fontawesome.io/)
* [Devicons](http://vorillaz.github.io/devicons)
## Example
@startuml
2016-05-12 01:22:25 +02:00
!includeurl https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/common.puml
!includeurl https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/font-awesome/server.puml
!includeurl https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/font-awesome/database.puml
title Styling example
FA_SERVER(web1,web1) #Green
FA_SERVER(web2,web2) #Yellow
FA_SERVER(web3,web3) #Blue
FA_SERVER(web4,web4) #YellowGreen
FA_DATABASE(db1,LIVE,database,white) #RoyalBlue
FA_DATABASE(db2,SPARE,database) #Red
db1 <--> db2
web1 <--> db1
web2 <--> db1
web3 <--> db1
web4 <--> db1
2016-05-11 00:07:51 +02:00
@enduml
![styling-example](examples/styling-example.png)
Enjoy!
2016-05-11 00:07:51 +02:00