Properties Readonly $attrs$attrs: Record < string , string >
Readonly $children$children: Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) > []
$create Element $create Element: CreateElement
Readonly $data$data: Record < string , any >
Inherited from Vue.$data
Defined in node_modules/vue/types/vue.d.ts:57 $delete $delete: { ( object: object , key: string | number ) : void ; < T > ( array: T [] , key: number ) : void }
Type declaration ( object: object , key: string | number ) : void < T > ( array: T [] , key: number ) : void Parameters object: object key: string | number Returns void Type Parameters Parameters Returns void Readonly $el$el: Element
Inherited from Vue.$el
Defined in node_modules/vue/types/vue.d.ts:66 $emit $emit: ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > )
Inherited from Vue.$emit
Defined in node_modules/vue/types/vue.d.ts:63 Type declaration ( event: string , ... args: any [] ) : Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > Parameters event: string Rest ... args: any [] Returns Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > Readonly $is Server$is Server: boolean
Readonly $listeners$listeners: Record < string , Function | Function [] >
$next Tick $next Tick: { ( ) : Promise < void > ; < T > ( this: T , cb: ( ( this: T , ... args: any [] ) => any ) ) : void ; < T > ( cb: ( ( this: T , ... args: any [] ) => any ) , ctx: T ) : void }
Type declaration ( ) : Promise < void > < T > ( this: T , cb: ( ( this: T , ... args: any [] ) => any ) ) : void < T > ( cb: ( ( this: T , ... args: any [] ) => any ) , ctx: T ) : void Returns Promise < void > Type Parameters Parameters this: T cb: ( ( this: T , ... args: any [] ) => any ) ( this: T , ... args: any [] ) : any Parameters this: T Rest ... args: any [] Returns any Returns void Type Parameters Parameters cb: ( ( this: T , ... args: any [] ) => any ) ( this: T , ... args: any [] ) : any Parameters this: T Rest ... args: any [] Returns any ctx: T Returns void Readonly $options$options: ComponentOptions < Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) > , DefaultData < Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) > > , DefaultMethods < Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) > > , DefaultComputed , PropsDefinition < DefaultProps > , DefaultProps , {} , ComponentOptionsMixin , ComponentOptionsMixin >
Readonly $parent$parent: null | Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) >
Readonly $props$props: Record < string , any >
Readonly $refs$refs: {}
Inherited from Vue.$refs
Defined in node_modules/vue/types/vue.d.ts:67 Type declaration [ key: string ]: NeverFallback < Instance , Vue > | Vue | Element | ( NeverFallback < Instance , Vue > | Vue | Element ) [] | undefined Readonly $root$root: Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) >
Inherited from Vue.$root
Defined in node_modules/vue/types/vue.d.ts:60 Readonly $scoped Slots$scoped Slots: {}
Type declaration [ key: string ]: NormalizedScopedSlot | undefined $set $set: { < T > ( object: object , key: string | number , value: T ) : T ; < T > ( array: T [] , key: number , value: T ) : T }
Inherited from Vue.$set
Defined in node_modules/vue/types/vue.d.ts:87 Type declaration < T > ( object: object , key: string | number , value: T ) : T < T > ( array: T [] , key: number , value: T ) : T Type Parameters Parameters object: object key: string | number value: T Returns T Type Parameters Parameters array: T [] key: number value: T Returns T Readonly $slots$slots: {}
Type declaration [ key: string ]: VNode [] | undefined Readonly $ssr Context$ssr Context: any
Readonly $vnode$vnode: VNode
Protected Optional currencycurrency?: string
Protected Optional decimalsdecimals?: number
Optional fade Decimalsfade Decimals?: boolean
Protected Optional valuevalue?: number
Protected Optional variantStatic configconfig: VueConfiguration
Static utilutil: { warn: any }
Inherited from Vue.util
Defined in node_modules/vue/types/vue.d.ts:438 Type declaration warn: function warn( msg: string , vm?: CombinedVueInstance < Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) > , object , object , object , Record < never , any > , {} , ComponentOptionsMixin , ComponentOptionsMixin , OptionTypesType < {} , {} , {} , {} , {} , {} > > ) : void Defined in node_modules/vue/types/vue.d.ts:439 Parameters msg: string Optional vm: CombinedVueInstance < Vue < Record < string , any > , Record < string , any > , never , never , ( ( event: string , ... args: any [] ) => Vue < Record < string , any > , Record < string , any > , never , never , ( (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>) > ) > , object , object , object , Record < never , any > , {} , ComponentOptionsMixin , ComponentOptionsMixin , OptionTypesType < {} , {} , {} , {} , {} , {} > > Returns void Static versionversion: string
This component displays a token amount and permits to differentiate between the decimals part of the amount, and the integer part as well as adding a limitation on the number of decimals that are displayed and also adding a currency suffix.
You can customize this component using custom HTML attributes as listed below.
Warning: This component serves as a base to display any amount and does not currently implement a protection against big numbers overflow. A second iteration of this component may implement these features and remove this comment.
Using the DappTokenAmount component
Parameters
The optional design variant (defaults to
"primary"
).The amount value as a number (defaults to 0).
The number of decimal places to display (defaults to 6).
The currency symbol (defaults to empty string).
Whether the decimal part should be faded or not (defaults to false).
v0.1.0