Skip to content

Commit

Permalink
Update action icon and icon divider
Browse files Browse the repository at this point in the history
  • Loading branch information
gabrielgiroe1 committed Apr 3, 2024
1 parent c0e8aee commit e49efc4
Show file tree
Hide file tree
Showing 4 changed files with 24 additions and 6 deletions.
30 changes: 24 additions & 6 deletions docs/3.0/actions.md
Original file line number Diff line number Diff line change
Expand Up @@ -362,27 +362,45 @@ end
```
:::

:::option `action icons and action divider`
:::option `action icons`

Action icons and dividers allow you to enhance the visual representation of actions. Action icons provide a quick visual cue for users, helping them identify different actions at a glance. On the other hand, action dividers allow you to organize and separate actions into logical groups, improving the overall layout and usability.
Action icons allow you to enhance the visual representation of actions. Action icons provide a quick visual cue for users, helping them identify different actions at a glance.

Here's an example of how you can define actions with icons and dividers:
Here's an example of how you can define actions with icons:

```ruby
def actions
action Avo::Actions::ToggleInactive, icon: "heroicons/outline/globe"
action Avo::Actions::ToggleAdmin
divider
action Avo::Actions::Sub::DummyAction
action Avo::Actions::DownloadFile, icon: "heroicons/outline/arrow-left"
divider
action Avo::Actions::Test::NoConfirmationRedirect
action Avo::Actions::Test::CloseModal
end
```


<img :src="('/assets/img/action_icon&action_divider.png')" class="border mb-4" />
<img :src="('/assets/img/action_icon.png')" class="border mb-4" />
:::

:::option `action divider`
Action dividers allow you to organize and separate actions into logical groups, improving the overall layout and usability.

Here's an example of how you can define actions dividers:

```ruby
def actions
action Avo::Actions::ToggleInactive
action Avo::Actions::ToggleAdmin
divider
action Avo::Actions::Sub::DummyAction
action Avo::Actions::DownloadFile
divider
action Avo::Actions::Test::NoConfirmationRedirect
action Avo::Actions::Test::CloseModal
end
```
<img :src="('/assets/img/action_divider.png')" class="border mb-4" />
:::

## Customization
Expand Down
Binary file added docs/public/assets/img/action_divider.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file added docs/public/assets/img/action_icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit e49efc4

Please sign in to comment.