mdui-ext
Version:
a extension for mdui !(not completed)
75 lines (74 loc) • 2.54 kB
TypeScript
declare class MduiButtonElement extends HTMLElement {
private _textColor;
private _color;
private _block;
private _raised;
private _icon;
private _dense;
private _active;
constructor();
/**
* 设置text-color属性即可更改按钮的文字颜色
* 示例：将按钮的文字颜色设置成蓝色
* <mdui-btn text-color="blue">这是一个蓝色字体的按钮</mdui-btn>
*/
get textColor(): string;
set textColor(color: string);
/**
* 设置color属性即可更改按钮的颜色
* 示例：将按钮的颜色设置成蓝色
* <mdui-btn color="blue">这是一个蓝色的按钮</mdui-btn>
*/
get color(): string;
set color(color: string);
/**
* 设置block属性即可将按钮拉伸到父元素的100%宽度，并且变为块级元素
* 示例：
* <mdui-btn block>这是一个块级按钮</mdui-btn>
*/
get block(): boolean;
set block(isBlock: boolean);
/**
* 设置raised属性即可使按钮获得浮动效果
* 示例：
* <mdui-btn raised>这是一个浮动按钮</mdui-btn>
*/
get raised(): boolean;
set raised(isRaised: boolean);
/**
* 给按钮添加icon属性可将其变为图标按钮
* 示例：
* <mdui-btn icon>
* <mdui-icon>add</mdui-icon>
* </mdui-btn>
*/
get icon(): boolean;
set icon(isIcon: boolean);
/**
* 在按钮上加入属性dense即可使按钮变为密集型按钮
* 示例：
* <mdui-btn dense>这是一个密集型按钮</mdui-btn>
*/
get dense(): boolean;
set dense(isDense: boolean);
/**
* 在按钮上加入属性disabled即可禁用此按钮
* 示例：
* <mdui-btn disabled>这个按钮被禁用了</mdui-btn>
*/
get disabled(): boolean;
set disabled(isDisabled: boolean);
/**
* 在按钮上加入属性active表示该按钮处于选中状态，该属性在按钮组中才会生效
* 示例：按钮组中第二个按钮处于选中状态
* <mdui-btn-group>
* <mdui-btn icon><mdui-icon>format_align_left</mdui-icon></mdui-btn>
* <mdui-btn icon active><mdui-icon>format_align_center</mdui-icon></mdui-btn>
* <mdui-btn icon><mdui-icon>format_align_right</mdui-icon></mdui-btn>
* <mdui-btn icon><mdui-icon>format_align_justify</mdui-icon></mdui-btn>
* </mdui-btn-group>
*/
get active(): boolean;
set active(isActive: boolean);
}
export { MduiButtonElement };