mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-23 16:30:45 +01:00
feat(Alert/Toast)!: add orientation prop
This commit is contained in:
@@ -215,8 +215,30 @@ props:
|
||||
---
|
||||
::
|
||||
|
||||
::note
|
||||
Actions renders differently when the description is not set. You can try to remove it.
|
||||
### Orientation
|
||||
|
||||
Use the `orientation` prop to change the orientation of the Alert.
|
||||
|
||||
::component-code
|
||||
---
|
||||
prettier: true
|
||||
ignore:
|
||||
- title
|
||||
- actions
|
||||
- color
|
||||
- variant
|
||||
props:
|
||||
title: 'Heads up!'
|
||||
description: 'You can change the primary color in your app config.'
|
||||
color: neutral
|
||||
variant: outline
|
||||
orientation: horizontal
|
||||
actions:
|
||||
- label: Action 1
|
||||
- label: Action 2
|
||||
color: neutral
|
||||
variant: subtle
|
||||
---
|
||||
::
|
||||
|
||||
## Examples
|
||||
|
||||
@@ -154,8 +154,21 @@ name: 'toast-actions-example'
|
||||
---
|
||||
::
|
||||
|
||||
::note
|
||||
Actions renders differently when the description is not set. You can try to remove it.
|
||||
### Orientation
|
||||
|
||||
Use the `orientation` prop to change the orientation of the Toast.
|
||||
|
||||
::component-example
|
||||
---
|
||||
options:
|
||||
- name: 'orientation'
|
||||
label: 'orientation'
|
||||
default: 'horizontal'
|
||||
items:
|
||||
- horizontal
|
||||
- vertical
|
||||
name: 'toast-orientation-example'
|
||||
---
|
||||
::
|
||||
|
||||
## Examples
|
||||
|
||||
Reference in New Issue
Block a user