3.6.2 • Published 5 years ago
spades-ui v3.6.2
Spades UI
A UI Library of Vue Components for building web applications
Table of Contents
- Components
- Renderless
- Autocomplete
- Collapse
- DataTable
- Input
- Popover
- Rendered
- Alert
- Avatar
- Badge
- Breadcrumbs
- Button
- Checkbox
- DataTable
- Dropdown
- Form
- Input
- Option
- Select
- TagInput
- Tooltip
- Wysiwyg
- Renderless
Disclaimer
This document is a work in progress. Some components are not documented, and the documentation is in no way complete.
Components
Visual
Alert
Props
- Color: the color scheme of the alert
- Type: String
- Required: No
- Default: "Primary"
- Possible Values:
- Primary: A primary colored alert
- Accent: An accent colored alert
- Dark: A dark grey colors alert
- Light: A light grey colored alert
- Danger: A danger colored alert
- Warning: A warning colored alert
- Success: A success colored alert
- Size: the size of the alert
- Type: String
- Required: No
- Default: "md"
- Possible Values:
- Sm: a small alert
- Md: a medium alert
- Lg: a large alert
- Theme: the style of the alert
- Type: String
- Required: No
- Default: "solid"
- Possible Values:
- Solid: A solid styled alert
- Light: A light styled alert
- Outline: An outline styled alert
- Close: whether the alert can be dismissed or not
- Type: Boolean
- Required: No
- Default:
true
Button
Props
- Type: the type of button
- Type: String
- Required: No
- Default: "Link"
- Possible Values
- Button: an html
<button type="button">
- Submit: an html
<button type="submit">
- Reset: an html
<button type="reset">
- Anchor: an html
<a>
- Link: a vue
<nuxt-link>
- Button: an html
- To: the destination of the link (only applies to
type="Link"
&type="Anchor"
)- Type: String
- Required: No
- Default: "#"
- Size: the size of the button
- Type: String
- Required: No
- Default: "md"
- Possible Values:
- Sm: a small button
- Md: a medium button
- Lg: a large button
- Color: the color scheme of the button
- Type: String
- Required: No
- Default: "Primary"
- Possible Values:
- Primary: A primary colored button
- Accent: An accent colored button
- Dark: A dark grey colors button
- Light: A light grey colored button
- Danger: A danger colored button
- Warning: A warning colored button
- Success: A success colored button
- Theme: the style of the button
- Type: String
- Required: No
- Default: "solid"
- Possible Values:
- Solid: A solid styled button
- Light: A light styled button
- Outline: An outline styled button
- Link: A link styled button
- Pill: Whether the buttons corners should be fully rounded or not
- Type: Boolean
- Required: No
- Default:
false
- Icon: An Icon to be displayed in the button
- Type: String
- Required: No
- Default: ''
- Possible Values: The name of any icon included in Spades
- Disabled: Whether the button is disabled or not
- Type: Boolean
- Required: No
- Default:
false
3.6.2
5 years ago
3.6.1
5 years ago
3.6.0
5 years ago
3.5.4
5 years ago
3.5.3
5 years ago
3.5.2
5 years ago
3.5.1
5 years ago
3.5.0
5 years ago
3.4.1
5 years ago
3.4.0
5 years ago
3.3.4
5 years ago
3.3.3
5 years ago
3.3.2
5 years ago
3.3.1
5 years ago
3.3.0
5 years ago
3.2.0
5 years ago
3.1.9
5 years ago
3.1.8
5 years ago
3.1.7
5 years ago
3.1.6
5 years ago
3.1.5
5 years ago
3.1.4
5 years ago
3.1.3
5 years ago
3.1.2
5 years ago
3.1.1
5 years ago
3.1.0
5 years ago
3.0.0
5 years ago
2.0.0
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago