[增添]添加了datasource的setting数据库以及默认值
This commit is contained in:
131
vendor/filament/support/docs/09-blade-components/02-link.md
vendored
Normal file
131
vendor/filament/support/docs/09-blade-components/02-link.md
vendored
Normal file
@@ -0,0 +1,131 @@
|
||||
---
|
||||
title: Link Blade component
|
||||
---
|
||||
|
||||
## Overview
|
||||
|
||||
The link component is used to render a clickable link that can perform an action:
|
||||
|
||||
```blade
|
||||
<x-filament::link :href="route('users.create')">
|
||||
New user
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
## Using a link as a button
|
||||
|
||||
By default, a link's underlying HTML tag is `<a>`. You can change it to be a `<button>` tag by using the `tag` attribute:
|
||||
|
||||
```blade
|
||||
<x-filament::link
|
||||
wire:click="openNewUserModal"
|
||||
tag="button"
|
||||
>
|
||||
New user
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
## Setting the size of a link
|
||||
|
||||
By default, the size of a link is "medium". You can make it "small", "large", "extra large" or "extra extra large" by using the `size` attribute:
|
||||
|
||||
```blade
|
||||
<x-filament::link size="sm">
|
||||
New user
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link size="lg">
|
||||
New user
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link size="xl">
|
||||
New user
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link size="2xl">
|
||||
New user
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
## Changing the color of a link
|
||||
|
||||
By default, the color of a link is "primary". You can change it to be `danger`, `gray`, `info`, `success` or `warning` by using the `color` attribute:
|
||||
|
||||
```blade
|
||||
<x-filament::link color="danger">
|
||||
New user
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link color="gray">
|
||||
New user
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link color="info">
|
||||
New user
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link color="success">
|
||||
New user
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link color="warning">
|
||||
New user
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
## Adding an icon to a link
|
||||
|
||||
You can add an [icon](https://blade-ui-kit.com/blade-icons?set=1#search) to a link by using the `icon` attribute:
|
||||
|
||||
```blade
|
||||
<x-filament::link icon="heroicon-m-sparkles">
|
||||
New user
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
You can also change the icon's position to be after the text instead of before it, using the `icon-position` attribute:
|
||||
|
||||
```blade
|
||||
<x-filament::link
|
||||
icon="heroicon-m-sparkles"
|
||||
icon-position="after"
|
||||
>
|
||||
New user
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
## Adding a tooltip to a link
|
||||
|
||||
You can add a tooltip to a link by using the `tooltip` attribute:
|
||||
|
||||
```blade
|
||||
<x-filament::link tooltip="Register a user">
|
||||
New user
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
## Adding a badge to a link
|
||||
|
||||
You can render a [badge](badge) on top of a link by using the `badge` slot:
|
||||
|
||||
```blade
|
||||
<x-filament::link>
|
||||
Mark notifications as read
|
||||
|
||||
<x-slot name="badge">
|
||||
3
|
||||
</x-slot>
|
||||
</x-filament::link>
|
||||
```
|
||||
|
||||
You can [change the color](badge#changing-the-color-of-the-badge) of the badge using the `badge-color` attribute:
|
||||
|
||||
```blade
|
||||
<x-filament::link badge-color="danger">
|
||||
Mark notifications as read
|
||||
|
||||
<x-slot name="badge">
|
||||
3
|
||||
</x-slot>
|
||||
</x-filament::link>
|
||||
```
|
||||
Reference in New Issue
Block a user