Link
Modifier | DaisyUI class |
---|---|
:underlined | link |
:hover | link-hover |
:active | active |
:image_full | image-full |
:bordered | card-bordered |
:normal | card-normal |
:compact | card-compact |
:side | card-side |
:glass | glass |
:primary | link-primary |
:secondary | link-secondary |
:accent | link-accent |
:neutral | link-neutral |
:info | link-info |
:success | link-success |
:warning | link-warning |
:error | link-error |
# Link
1
Link href: "#" do
2
"I'm a simple link"
3
end
# Underlined
1
Link :underlined, href: "#" do
2
"I'm underlined"
3
end
# Colors
1
Link :primary, :underlined, href: "#" do
2
"Primary"
3
end
4
5
Link :secondary, :underlined, href: "#" do
6
"Secondary"
7
end
8
9
Link :accent, :underlined, href: "#" do
10
"Accent"
11
end
12
13
Link :neutral, :underlined, href: "#" do
14
"Neutral"
15
end
16
17
Link :success, :underlined, href: "#" do
18
"Success"
19
end
20
21
Link :info, :underlined, href: "#" do
22
"Info"
23
end
24
25
Link :warning, :underlined, href: "#" do
26
"Warning"
27
end
28
29
Link :error, :underlined, href: "#" do
30
"Error"
31
end
# Show underline only on hover
1
Link :hover, href: "#" do
2
"Hover me"
3
end