arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-24 00:40:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(ComponentCard): show all props for the code (#797)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
KeJun
2023-10-15 23:52:20 +08:00
committed by GitHub
parent 9f4d88e0aa
commit 8867936e01
16 changed files with 157 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/content/3.forms/1.input.md
View File

@@ -19,7 +19,6 @@ Use the `color` and `variant` props to change the visual style of the Input.
::component-card
---
baseProps:
name: 'input'
placeholder: 'Search...'
props:
color: 'primary'
@@ -34,7 +33,6 @@ Besides all the colors from the `ui.colors` object, you can also use the `white`
::component-card
---
baseProps:
name: 'input'
placeholder: 'Search...'
props:
color: 'white'
@@ -49,7 +47,6 @@ excludedProps:
::component-card
---
baseProps:
name: 'input'
placeholder: 'Search...'
props:
color: 'gray'
@@ -65,8 +62,6 @@ Use the `size` prop to change the size of the Input.
::component-card
---
baseProps:
name: 'input'
props:
size: 'sm'
---
@@ -80,8 +75,6 @@ We have improved the implementation of certain types such as [Checkbox](/forms/c
::component-card
---
baseProps:
name: 'input'
props:
type: 'password'
---
@@ -93,8 +86,6 @@ Use the `placeholder` prop to set a placeholder text.
::component-card
---
baseProps:
name: 'input'
props:
placeholder: 'Search...'
---
@@ -109,7 +100,6 @@ Use the `leading` and `trailing` props to set the icon position or the `leading-
::component-card
---
baseProps:
name: 'input'
placeholder: 'Search...'
props:
icon: 'i-heroicons-magnifying-glass-20-solid'
@@ -134,7 +124,6 @@ Use the `disabled` prop to disable the Input.
::component-card
---
baseProps:
name: 'input'
placeholder: 'Search...'
props:
disabled: true
@@ -150,7 +139,6 @@ Use the `loading-icon` prop to set a different icon or change it globally in `ui
::component-card
---
baseProps:
name: 'input'
placeholder: 'Searching...'
props:
loading: true
@@ -171,7 +159,6 @@ Use the `#leading` slot to set the content of the leading icon.
slots:
leading: <UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" size="3xs" />
baseProps:
name: 'input'
placeholder: 'Search...'
---
@@ -188,7 +175,6 @@ Use the `#trailing` slot to set the content of the trailing icon.
slots:
trailing: <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
baseProps:
name: 'input'
placeholder: 'Search...'
---