MYDS Logo

    MYDS

    Beta

    Pill

    Mewakili tag atau kategori dalam medan teks. Pil boleh mengandungi teks dan mungkin termasuk butang "x" untuk memudahkan penyingkiran.

    New
    Trending
    Popular

    Usage

    Import
    import { Pill } from "@govtechmy/myds-react/pill";
    Anatomi
    export default () => <Pill>Trending</Pill>;

    Examples

    Size

    Gunakan prop size untuk menukar saiz pil.

    small
    medium
    large

    Dengan Butang "x" Mengekori

    Hantarkan fungsi panggil balik ke prop onDismiss untuk menunjukkan butang "x" di belakang.

    Dengan butang "x" mengekori

    Dinyahaktifkan

    Pil boleh dinyahaktifkan dengan menetapkan prop disabled kepada true. Apabila dinyahaktifkan, pil tidak akan interaktif. Jika prop onDismiss ditetapkan, butang "x" akan disembunyikan.

    Enabled
    Disabled

    Props

    Pill

    PropTypeDefault
    size
    enum
    small
    disabled
    boolean
    false
    onDismiss
    function
    -

    Di halaman ini