import { Cell } from '@ls-design/ui-react';

export default () => {
  return (
    <Cell title="这是标题" />
    <Cell title="这是标题" islink />
    <Cell title="这是标题" desc="描述文字" />
    <Cell title="这是标题" desc="描述文字" islink />
  )
}

import { Cell } from '@quarkd/quark-react';

export default () => {
  return (
    <Cell title="路由跳转" to="#/button" islink />
    <Cell title="链接跳转" to="https://baidu.com" islink />
  )
}

export default () => {
  return <Cell title="这是标题" icon="图标地址" islink />;
};

export default () => {
  return (
    <CellGroup>
      <Cell title="这是标题" islink />
      <Cell title="这是标题" islink />
    </CellGroup>
  );
};

export default () => {
  return <Cell title="这是标题很长长长长长长长长长长长长长长长长长长" />;
};

/* CSS 省略号展示 */
.my-cell {
  --cell-title-white-space: nowrap;
  --cell-title-text-overflow: ellipsis;
}

export default () => {
  return (
    <Cell title="标题">
      <div>自定义内容</div>
    </Cell>
  );
};

<Button type="primary" icon="图标地址">
  {' '}
  喜欢{' '}
</Button>