Action Sheet

Playground

<ui-action-sheet title="A Short Title Is Best" actions="Action 1|Action 2|Action 3|Action 4|Action 5|Action 6|Action 7" destructive-index="1" style="width:300px;">A description should be a short, complete sentence.</ui-action-sheet>

CLI

npx sajilo-ui add action-sheet

HTML Usage

<script type="module" src="/components/ui/action-sheet/action-sheet.js"></script>
<ui-action-sheet>Action-sheet</ui-action-sheet>

React Usage

import { Action-sheet } from "/components/ui/action-sheet/action-sheet.react.js";

export default function Demo() {
  return <Action-sheet>Action-sheet</Action-sheet>;
}